写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料已经很丰富了，在写文章的时候参考资料比较多，比较容易深刻的理解。 React 作为我最喜欢的框架，没有之一，我愿意花很多时间来好好的学习他，…

距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…

simple-react：极简的 React 框架

最近react-router的一个作者另外写了一个类react-router的组件@reach/router，尝试后感觉太棒了。如果你的项目只是web端的话我认为可以把你的react-router换掉了。 下面是我到目前看到的所有非常好的点。 小，就4kb,压缩后比react-…

耦合（coupling） 是一种表示组件之间依赖度的系统特征。根据依赖的程度，可以区分出两种耦合： 在设计系统结构和组件间关系的时候，应以松耦合为目标。 反之，紧耦合的系统就没有上述便利。主要的缺点就在于无法轻易修改一个大量依赖其他组件的组件。甚至一个简单的改变都会导致连锁的修…

控制权——这个概念在编程中至关重要。比如，“轮子”封装层与业务消费层对于控制权的“争夺”，就是一个很有意思的话题。这在 React 世界里也不例外。表面上看，我们当然希望“轮子”掌控的事情越多越好：因为抽象层处理的逻辑越多，业务调用时关心的事情就越少，使用就越方便。可是有些设计…

在上一篇我们介绍了Webpack自动化构建React应用，我们的本地开发服务器可以较好的支持我们编写React应用，并且支持代码热更新。本节将开始详细分析如何搭建一个React应用架构。 现在已经有很多脚手架工具，如create-react-app，支持一键创建一个React应…

什么是Redux？Redux是一个状态的容器，是一个应用数据流框架，主要用作应用状态的管理。它用一个单独的常量状态树（对象）来管理保存整个应用的状态，这个对象不能直接被修改。Redux中文文档见http://www.redux.org.cn 在我们的应用中有很多歌曲列表页，点击…