React 从 2013 年正式开源问世以来，以很快的发展势头抢占了前端开发的技术潮流，直到 2021 年的今天，React 仍然是前端开发的主流选择之一。本课程区别于传统的基础教程，本课程将以项目实践的方式由浅入深带大家掌握最新版 React 17 的使用方法与相关生态。

在 React 基础讲解阶段，将选择 【冰淇淋口味选择工具】作为基础项目贯穿，并通过不断学习，逐步进行项目的改造，从最初使用函数组件实现如下效果，到后期使用 class 组件进行实现。

从实验7开始，将结合一个进阶项目学习怎样制作更复杂和完整的 React 应用，以及使用常用的第三方工具实现 Web App 的路由、后台请求、数据图表等进阶功能。本课程中的进阶项目选择的是【我的心情日记（my-memo）】这个 App 有首页、新建日记、日记详情、心情数据四个页面。在首页中将以卡片形式展示全部心情日记，并按时间排序。

点击每一个心情卡片，可以进入该心情的详情页面。

在新建日记页面中，我们会用一个表单记录和提交当天的心情数据。表单中我们可以选择日期、选择心情 emoji、选择当日心情问题、并在文本框中输入内容。

在心情数据页面，可以按月份查看每月的数据统计。

在该项目中主要涉及到知识点包括：

• 第三方 UI 系统 React Bootstrap
• CSS-in-JS styled components
• Hooks 系统进阶
• React 单元测试（unit test）
• API 模拟 - fastmock
• 路由 [react-router-dom]
• 其他第三方库 React Hook Form、Recharts

适合人群

• 在职人群：刚刚接触 React ，想要快速熟悉 React 开发及相关生态。
• 在校学生：对前端开发有兴趣的。

先学课程

• 了解蓝桥云课的基本操作，推荐学习 新手入门指南
• 想要了解 React ，推荐学习 React 基础

课程信息

• 学习周期：课程有效期 2 个月，2 个月后无法进行在线实验，但可查看文档内容。高级会员有效期内可一直学习，到期后课程失效，且无法查看文档。部分云主机实验环境因成本较高，存在开启次数限制。关于课程退款等相关注意事项说明，请阅读 用户付费协议。
• 版权说明：课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意，擅自爬取、转载和再分发课程内容，均将受到严肃追责。
• 企业团报：企业购买，请点击 企业用户咨询。