这是我参与「第五届青训营 」笔记创作活动的第12天

---

一、本堂课重点内容：

• React 状态管理库 - 核心思想
• React 状态管理库 - 推荐
• React 状态管理库 - 状态机
• 应用级框架科普

二、详细知识点介绍：

1. React 状态管理库 - 核心思想

将状态抽离到UI外部进行统一管理（）

状态本应该放在组件内部，但是在两个组件中进行状态交互的时候就会很麻烦，所以有了状态管理库这个解决办法，但是这个解决方法是有一定的缺陷的，不然现在就是全部使用这个状态管理库了。

状态管理库就是所有组件都和一个大的数据库进行数据状态交互，但是有坏处就是会降低组件的复用性。

---

2. React 状态管理库 - 推荐

redux、xstate、mobx、recoil

---

3. React 状态管理库 - 状态机

状态机，就是当前状态，收到外部事件，迁移到下一个状态。比如交通红绿灯，自己有一个当前的状态（有红灯、绿灯、黄灯），每过一分钟就会改变状态，那这每过一分钟就是一个事件。

4. 应用级框架科普

• next.js
  硅谷明星创业公司Vercel的React开发框架，稳定、开发体验好，支持Unbundled Dew ，SWC等，器同样有Serverless一键部署平台帮助开发者快速完成部署。口号是“Let's Make Web Faster”

• Modern.js
  字节跳动Web infra 团队研发的全栈开发框架，内置了很多开箱即用的能力与最佳实践，可以减少很多调研选择工具的时间。

• Blitz
  无API思想的全栈开发框架，开发工程中无需写API调用与CRUD逻辑，适合前后端紧密结合的小团队项目