10-React状态管理

一、状态管理

React为什么会有这么多状态管理工具？

二、React状态管理简介

工具

0. Local State向上延伸

1. “度”

2. 子页面与子页面如何通信？

   答：React本身提供了Context

3. Redux:从Flux演变而来的

4. Flux状态管理架构

   0. View
   1. Action
   2. Dispatcher
   3. Store

5. Redux可以做时间旅行：让应用程序切换到任意时间状态

6. Mobx ：可以直接修改状态，不需要编写繁琐的Action和Reducer

7. Rocoil：具有原子性的原子状态。核心就是Atom原子状态。

8. Zustand：轻量级。（没有Redux那样臃肿的设计）使用极其简单。初始化过程中，可以直接保存状态（森魔状态）

三、实现一个简易的状态管理工具

0. store——（发布/订阅）——React UI渲染

四、Redux在项目中的实践

0. Redux复杂的模板代码
1. 中间件：转换异步操作

五、总结

Mobox

Recoil

Jotai

Zustand

Rxjs

xstate

valtio

基于

问题

0. 微涩很忙不能用window对象？

1. react hooks给状体管理库的设计带来了哪些新思路？

   0. 环境复杂
   1. 新特性

11-React路由与项目实践

讲师：王威

一、路由

0. 路由：桥梁。帮助需求方找到供给方

1. url

2. 演进

   0. 静态网站

   1. 动态网站

      0. 数据库——数据更新

   2. 前后端分离

   3. 单页应用

   4. SSR/SSO/微前端

二、React-router-History

三、路由项目实践

声明式路由

文件系统约定式路由

四、路由与拆包

五、总结

路由是什么

为什么需要路由

路由怎么解决我们的问题的

反思

后面几课没怎么做笔记了，也听不太懂。唔...

或许不该开倍速听，听课时还是不要在地铁上，也许电脑在旁边是好滴

SomeWords

“这相伴而来的脚印，都是你的花呀” “不如想想那个寻花的旅人吧！她也觉得自己很失败，但当她回头才发现，身后踏过的路，早已满是她的脚印”