在写下这个标题的时候，我已经做好了被喷的准备。我知道，在前端这个世界里，聊框架之争，就像在聊哪家烧烤最好吃一样，永远没有标准答案。 在动笔之前，我想先表明立场：我不是要捧一踩一，两个框架都是我吃饭的家

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行批处理，原生js事件

过年期间在家里没事，把zustand的源码看了一遍，看完后我最大的收获就是TypeScript水平突飞猛进，再去刷那些类型体操题目就变得简单了，下面和大家分享一下zustand库是怎么定义ts类型的。

1. 前话 「组件生成器」，就如其名，它的主要作用便是生成组件。而为什么需要组件生成器，这需要回到实际业务场景开发进行讲解。 在「React通用解决方案」系列前面的篇章有说过，业务场景开发离不开业务组

经过一段时间的学习，React 全家桶也算是熟悉了，就用 react + hooks 续写对得物的热情啦，欢迎掘友们点赞关注🤗。

hooks 设计的初衷就是为了使开发更加快捷简便，因此在使用hooks 的时候，我们不应该吝啬使用较多的hooks，例如我们处理不同状态对应不同逻辑的时候，按照写class的逻辑，我们经常会在一个生命周期函数里写下多个逻辑，并用if区分；在写hooks的时候，因为没有shoul…

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。

这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 return 了，后面又出现 Hook 调用的话，React 官方推的 eslint 规则也会给出警告。 其实是个挺常见的用法，很多时候满足某个条件了我们就不希望组件继续渲染下去。但由于这个限…