React全家桶入门 #

尽量选择主流 & 稳定的，个人项目可以尝鲜

1. 工程化工具Vite & Webpack
2. Typescript
3. 路由
4. 数据流
5. CSS
6. 组件库
7. 网络请求
8. React进阶API (优化)
9. 组件化进阶
10. 封装自己的Hooks

工程化工具 #

1. Webpack (Bundle)
2. Vite (Bundless)
3. Parcel
4. Umi
5. ....

进阶都是插件的定制和优化

强类型语言 #

Typescript，可追踪 ，可维护性 上手难度大

路由 #

React-router

1. 嵌套路由
2. 动态路由
3. 路由懒加载
4. ....

数据流 #

全局共享的数据源

1. Redux + Tookit
2. Mobx
3. Jotai
4. Zustand
5. Recoil
6. Valtio...

是否单向数据流，是否单一数据源... 不用太纠结，任选一个都可以满足你的需求 我们会选单向数据流代表Redux 和

组件库和css方案 #

AntDesign5 or MUI

1. less, sass ,stylus
2. tailwind.css
3. css in js
4. postcss (新语法和兼容)

网络请求 #

axios最常见

1. swr
2. React-Query

封装自己的Hooks & Hooks工具库 #

1. ahooks
2. react-use
3. 封装自己的Hooks

其他 #

1. 可视化
2. 表单
3. 文本编辑器
4. 动画
5. 全栈（Next.js，Remix...）