Zustand 是一个轻量级的状态管理库，它利用 外部存储 + 发布订阅 + React Hooks 实现了简单而强大的状态管理。它的核心理念是：​将状态从 React 组件中抽离到独立 store，通过细粒度订阅避免不必要的渲染​。 下面

theme: channing-cyan在一个后台管理系统中，安全是很重要的。不光后端需要做权限校验，前端也需要做权限控制。我们可以大致将权限分为 3 种： 接口权限、页面权限、按钮权限。 在这当中，前端主要关注点则是页面权限，按钮权限，

本文只是用于将学习到的知识做一个梳理与总结 浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间，相互隔离，提高浏览器的稳定性、安全性和性能。 以 Chrome 为例，浏览器的进程包含以下几个主要进程： 浏览器主进程: 负责

React18 引入了一个关键概念 并发性（Concurrency）。 并发则涉及到多个更新操作的同时执行，这可以说是 React18 中最重要的功能。除了并发，React18 新增了两个 hook ，也就是useTransition和us

在一个后台管理系统中，安全是很重要的。不光后端需要做权限校验，前端也需要做权限控制。我们可以大致将权限分为 3 种： 接口权限、页面权限、按钮权限。 在这当中，前端主要关注点则是页面权限，按钮权限，而前端做这些的主要目的则是： 禁止用户访

类组件的不足（Hooks 要解决的问题）缺少逻辑复用机制为了复用逻辑增加无实际渲染效果的组件（高阶组件、渲染属性），它们增加了组件层级显示十分臃肿，增加了调试的难度以及运行效率的降低 类组件经常会变得很复杂难以维护 将一组相干的业务逻辑拆分

本文章是用来总结卡颂大佬的《从零实现 React18》课程的。 章节 1主要讲解了一个项目的搭建应该从以下几个角度出发： 项目结构（是选择 Multi-repo 还是 Mono-repo） 打包工具 如何定义开发规范 章节 2这一章

最近在做项目时遇到一个需求，需要让一个列表能够通过点击按钮进行滚动，每次都是一屏的距离，不足则结束。并且，这个列表项是在react-grid-layout中的某一个模块内。所以包裹这个列表的容器会随时发生变化。在完成这个组件后，通过这篇文章

为什么要写单元测试 帮助开发者完善异常逻辑，提高程序健壮性 降低代码耦合度，防止在项目中出现修改了一处代码后，却影响了其他代码的尴尬场景 提高项目组件的职责的单一性，防止在组件内出现业务逻辑，降低复用效率 作为文档：在一个中大型项目中，随着

MobX 原理与实战指南MobX 是一个经过实战检验的、透明的响应式状态管理库。它的核心思想是：​所有源自状态的东西，都会自动地、高效地获得更新​。 本文档将结合原理与代码，帮你彻底理解 MobX。 1. 核心原理概览MobX 的工作流程可