欢迎学习《2022版React数据可视化加密货币仪表板构建开发视频教程》,你将了解使用 React、Context API、样式化组件和 CSS Grid 构建精美快速仪表板的行业秘密。
MP4 | 视频:h264, 1280×720 | 音频:AAC,44.1 KHz
语言:英语 | 大小:2.24 GB | 时长:3h 45m
你会学到什么
- 使用 React 和 React Context API 进行状态管理的现代 React 开发
- 构建完整的加密货币金融投资报告Web应用程序
- Styled-components : 动态 CSS-in-JS
- HighCharts : 绘制历史价格数据
- CSS 网格:响应式布局
- CryptoCompare API:获取真实价格行情数据
- 时刻:日期操作
- Lodash:函数式编程
- Create-React-App 2.0:快速样板
- localStorage : 保存加密货币
要求
- 本课程需要一些现有的 React 知识,但许多初学者已经成功完成了本课程。
描述
警告:这是一门针对已经熟悉 React 和 JavaScript 基础的 Web 开发人员的高级课程!
通过这个专业的 React 课程构建一个完整的加密货币仪表板!
带有介绍性问候语的设置页面
首次访问时向用户打招呼,要求他们选择自己的最爱
提供默认的 5 个加密货币作为收藏夹和所有硬币的完整列表
使用模糊搜索搜索硬币
悬停和选择加密货币
在收藏夹列表中添加/删除加密货币
禁用选择的加密货币
确认收藏加密货币
为用户记住这些值
生成仪表板价格和历史数据
仪表板
数据从记住的收藏中初始化,或转发到设置页面
前 5 个收藏夹显示 5 张主要卡片,后 5 个显示紧凑卡片
为当前收藏符号上的 10 个历史点呈现折线图
选择硬币变化并重新获取数据,记住当前收藏
选择以在日期呈现历史点:天数周数月
在图表旁边显示硬币的名称和图像
赠送内容:主题
轻松将应用程序的主题配置为深色或浅色
React 不仅适用于行业专家,实际上初学者应该从 React 开始,因为它确实是构建应用程序的最简单方法。
create-react-app 项目是快速构建应用程序的惊人样板。您不再需要担心 Webpack、构建工具等。这一切都由您需要的唯一入门项目处理:create-react-app。
每一行代码都经过检查,因为项目是从头开始构建的,没有跳过任何步骤或浪费时间。
您将看到使用 React Context、styled-components v4(CSS-in-JS 范式的最新进展)的强大功能可以多快完成任务。
借助 HighCharts,我们将向您展示如何使用 React 运行 HighCharts,并自定义主题以适应我们的项目。
对我们最喜欢的复杂数据修改需要对状态流有严格的了解,因此我们必须注意解释维护我们的 React 状态如何重要的各个方面,并且只创建干净的变量。
如果您有任何问题,请联系我们。我们很乐意帮助您解决与您的旅程相关的所有问题。
祝 CryptoDash 好运,我知道你会喜欢这个项目的。
本课程适用于谁
- 从 Web 开发的完全初学者到希望构建所提供项目的专家的任何人。