大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

闲着没事想写个项目，顺便把搭建前端开发规范工作流的过程记录下，其实现在这些工具已经越来越方便了，以前配各种错误，现在新项目十分钟真的轻松搞定（网速不拉跨的情况下）。

React Router 不知不觉来到了 v6 了，让我们看看有哪些新的变化，看看是否比之前好用，嘿嘿

万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。

前言 之前项目中状态管理清一色的都是用redux，各种redux实践也尝试过，但是给人感觉还是特别的重(redux-toolkit还不错)，因此入坑尝试口碑不错的mobx Begin 创建一个Stor

上述公式表明，给定相同的 state 状态，fn 总是会生成一致的 UI 。 从图中我们可以看出，在 UI 上，我们可以进行界面操作（点按钮，敲键盘输入等），这些界面操作被称为 action 。这里很重要的一点是，数据流向是 UI => action => state ，UI …

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文（基于v16.8.6）就以笔者自己的角度来写一篇属于自己的文章吧。希望可以深入浅出、图文并茂的帮助大家对React Hooks的实现原理进行…