这是我参与「第五届青训营」伴学笔记创作活动的第17天
一、本节课重点内容
本节课将聚焦于 React 相关的状态管理库和目前常见的应用级框架科普,前者主要是讲解其中的底层逻辑,后者通过对框架的科普,帮助大家应对不同开发场景。
课程重点归纳总结如下所示:
- React 状态管理库 - 核心思想
- React 状态管理库 - 推荐
- React 状态管理库 - 状态机
- React 状态管理库 - Modern.js/Reduck
- 应用级框架科普
二、详细知识点介绍
05 React 状态管理库
React状态管理库-核心思想: 将状态抽离到UI外部进行统一的管理,实现状态的共享。
缺点是:降低了组件的复用性,所以使用效率较低。
状态管理库推荐:
react状态管理库-状态机:
交通红绿灯是一个例子。
当前状态,受到外部事件,迁移/转换到下一个状态,不断地由于事件而循环。
应用级框架科普:
- 硅谷明星创业公司Vercel 的React开发框架,稳定,开发体验好,支持Unbundled Dev, SWC 等,其同样有Serverless 一键部署平台帮助开发者快速完成部署。 口号是“Let's Make Web Faster”。
- 字节跳动Web Infra 团队研发的全栈开发框架,内置了很多开箱即用的能力与最佳实践,可以减少很多调研选择工具的时间。
- 无API思想的全栈开发框架,开发过程中无需写API调用与CRUD 逻辑,适合前后端紧密结合的小团队项目。
三、总结
React 状态管理库的意义在于,它可以帮助开发者更有效地管理应用中的状态数据,使得开发者可以更加专注于应用的业务逻辑,而不是花费大量的时间来管理状态数据。它还可以帮助开发者更好地组织和管理代码,使得代码更加可读和可维护,以及更容易进行单元测试。
它可以提供一种机制,允许开发人员将状态和数据从一个组件传递到另一个组件,而无需在组件之间进行大量重复代码。
此外,它还可以跟踪状态变化,并使调试和测试变得更加容易。