在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是不是因为已经有了一个比较普遍的，熟悉的项目技术栈，我们就一直完全沿用呢，有没有比他更适合的…

想要理解 Redux 完整的工作机制真的让人头疼。特别是作为初学者。 术语太多了！Actions、reducers、action creators、middleware、pure functions、immutability、thunks 等等。 你可以花几个小时阅读博客以及尝…

React PureComponent 使用指南

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

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

React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

更新：我提交了一个 PR 到 React 官方文档，为其添加了 Render props。 更新2：添加一部分内容来说明 “children 作为一个函数” 也是相同的概念，只是 prop 名称不同罢了。 我认为，高阶组件模式 作为一个在许多基于 React 的代码中流行的代码…

使用 PureComponent 是优化 React 性能的一种常用手段，相较于 Component, PureComponent 会在 render 之前自动执行一次 shouldComponentUpdate() 函数，根据返回的 bool 值判断是否进行 render。其…

刀耕火种时期的前端，HTML描述页面结构，CSS描述样式，JavaScript描述功能。它们彼此是分离的。 然而这种方式却满足不了开发者对代码复用的需求。 近几年各大前端框架做了很多探索，其中组件化就是最璀璨的成果之一。 一个组件就是一个功能模块，所有的前端元素都封装在组件内部…