第一步:入门练习基本语法和概念

官方最新文档:https://react.docschina.org/docs/getting-started.html
1)基本组件与props
2)JSX
3)事件
4)条件渲染
5)列表Key
6)状态提升
7)组合与继承

第二步:使用官方脚手架创建项目,设计配置一个小型产品项目目录,本文使用了3.2.0版本

create-react-app

第三步:引入路由React-router-dom,本文使用了最新的路由版本@5.X版本

https://reacttraining.com/react-router/web/guides/quick-start
1)路由编程跳转
https://reacttraining.com/react-router/web/api/Hooks/usehistory
2)性能优化-路由按需加载组件:引入@loadable/component组件
https://loadable-components.com/docs/getting-started/

第四步:路由组件页面实现

1)引入路由页面核心CSS
2)业务组件
3)公共组件
4)react动画
5)组件通信
6)React-Hook使用

组件通信

React企业级开发

velocity-react
react-move
1.AlanWei/blog:笔者的 GitHub 博客,里面有更多关于 React、组件库、前端数据层、服务端渲染的资料。
2.pure render:阿里数据中台前端团队分享前端相关经验。
3.前端精读评论:阿里数据中台前端团队分享前端界的好文精读。
4.前端新能源:分享前端有深度的新思想和新方法。
5.蚂蚁金服体验科技:探索极致用户体验与最佳工程实践。