欢迎学习《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 开发的完全初学者到希望构建所提供项目的专家的任何人。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源