React-Learning掌握 Hook 新特性并完成移动端实战项目
React 学习目标
学习新的特性 Hook 并完成移动端实战项目，在此过程中需要掌握以下知识：
- React 基本 API 使用
- React-Router 的使用
- Redux 的使用
- 移动端事件的基础知识（实战项目以移动端为主）
浏览器插件
- redux-DevTools 是调试 Redux 状态的重要工具。
实战目录
- 第1-15天：基础知识复习，熟悉 React 基本 API 和 React-Router
- 第16-30天：重点学习 Redux，掌握状态管理
- 第31-45天：动手项目开发，完成基本布局与功能
- 第46-60天：深入优化项目，使用 CRA（Create React App）配置
CRA 项目深入
- 使用
npm run eject可查看 CRA 配置，包含两个文件夹：config和scripts - env.js：用于环境变量处理
-
webpack.config.js：Webpack 配置文件
-
修改端口号：在
scripts文件夹中的start.js中可以找到启动端口配置源码（默认端口 3000）。
CSS 模块化
- CSS 模块化规范：创建文件名以
.module.css结尾，通过import styles from 'xxx.module.css'方式导入。
总结
通过逐步学习和实战练习，最终能够掌握 React 新特性 Hook，完成移动端项目开发，并深入理解 CRA 配置。
文件大小：44.27MB
评论区