React部分生态链

生态系统有服务端渲染等，暂只对路由以及状态管理做部分记录。

路由Router

1. useParams：获取动态路由的路径值

2. ：带样式的声明式路由

3. useNavigate：编程式路由

4. 第一个参数：跳转路径

5. 第二个参数（state）：携带信息对象

6. useLocation

7. useSearchParams：可以结构，同useState，第二个参数同样可以设置浏览器地址栏的url params

8. lodaer：路由表的字段，路由跳转前的处理函数，支持异步，这里做调取权限查询接口等逻辑

9. 如果返回值需要重定向指定url -> return redirect('login')

10. meta：自定义元信息

11. 组件中获取元信息：matchRoutes和useLocation

const location = useLocation()
const matchs = matchRoutes(routes, location)
const meta = matchs[matchs.length - 1].route.meta

状态管理Redux

Redux是一个独立的状态管理的库。

1. react-redux：对于redux封装至更符合react理念的库

2. useSelector

3. useDispatch

4. Redux-Toolkit：

5. 封装redux的大多数操作

6. 优化异步处理createAsyncThunk

7. redux-persist：数据持久化处理