React全家桶入门
尽量选择主流 & 稳定的,个人项目可以尝鲜
- 工程化工具Vite & Webpack
- Typescript
- 路由
- 数据流
- CSS
- 组件库
- 网络请求
- React进阶API (优化)
- 组件化进阶
- 封装自己的Hooks
工程化工具
- Webpack (Bundle)
- Vite (Bundless)
- Parcel
- Umi
- ....
进阶都是插件的定制和优化
强类型语言
Typescript,可追踪 ,可维护性 上手难度大
路由
React-router
- 嵌套路由
- 动态路由
- 路由懒加载
- ....
数据流
全局共享的数据源
- Redux + Tookit
- Mobx
- Jotai
- Zustand
- Recoil
- Valtio...
是否单向数据流,是否单一数据源... 不用太纠结,任选一个都可以满足你的需求 我们会选单向数据流代表Redux 和
组件库和css方案
AntDesign5 or MUI
- less, sass ,stylus
- tailwind.css
- css in js
- postcss (新语法和兼容)
网络请求
axios最常见
- swr
- React-Query
封装自己的Hooks & Hooks工具库
- ahooks
- react-use
- 封装自己的Hooks
其他
- 可视化
- 表单
- 文本编辑器
- 动画
- 全栈(Next.js,Remix...)