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

官方最新文档：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-Hook实践

# 企业中大型中后台系统架构设计实践