React03 | 青训营笔记

68 阅读1分钟

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

状态管理库

核心思想

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

虽然react自己有父子传值的方法,通过props实现,也可以在兄弟组件间通过订阅的当时实现消息状态的改变通讯,但是在许多组件的通讯之间还是显得很麻烦,所以后来人们就专门开发了一种组件库,专门用来管理组件之间的状态

组件可以将需要共享的状态,共享的内容放在状态管理库里面,将不需要共享暴露的状态仍然放在自己组件内部 image.png

常见的状态管理库

image.png

  • 1.redux
  • 2.xstate
  • 3.mobx
  • 4,recoil

状态机

当前状态,收到外部事件,迁移到下一个状态

image.png

应用级框架科普

image.png

next.js

image.png 这个是next.js内置的一些能力,支持TS,零配置,支持API路由,约定式路由,css建设支持等等

公司里面吸收了很多开源框架的大佬,他们的目标是让浏览器的反应时间变短,刷新时间减少,所以他们的发展潜力极大

modern.js

字节开发的框架

image.png

image.png

image.png

blitz

主打无API调用。主要指的是开发人员在编写代码的时候,可以不被交互的接口所打扰,专心写前端代码,直接和数据库打交道,之后完成的时候,接口自动生成这样,减少CRUD的使用

image.png