最近在看react应用更新时的一些逻辑处理，因为之前的fiber reconciler协调流程重点学习的是FiberTree的创建过程，对整个更新流程没有进行深入的了解。本次在学习应用更新时也对函数组

当然，React重新渲染状态为{ clicked: true }并且会返回<h1>Thanks</h1>元素以更新DOM。 更新DOM听起来像是React DOM负责的。但是我们调用了this.setState()，不是从React DOM中来的。我们的React.Compon…

关于 Decorator 到底是 ES 6 引入的还是 ES 7 引入的我也不是很明白了，两种说法都有，这种问题懒得纠结了……在用的时候发现这个东西很好用，平常用处可能不大，但是结合 React 就很好使了。接下来就讲一讲。 我搭建了一个 React 开发环境，结合 babel…

虽然在vue这样的框架里我们能在.vue文件里将css、js、html写在一起，但实际上它们的联系很弱，特别是js和css，它们完全无法沟通。 而styled-components很好的解决了这个问题，通过它，我们能让整个css架构跟着组件走，而不再仅仅是貌合神离的被放置在一个…

在这篇教程中，我们将从零开始一步步构建时间旅行式调试。我们会先介绍 Redux 的核心特性，及这些特性怎么让时间旅行式调试这种强大功能成为可能。接着我们会用原生 JavaScript 来构建一个 Redux 核心库以及实现时间旅行式调试，并将它应用到一个简单的不含 React …

《React 学习之道》这本书使用路线图中的精华部分用于传授 React，并将其融入一个独具吸引力的真实世界 App的具体代码实现。 如何掌握 React 存在特别多的路线图。本书提取这些路线图中的精华部分，并将其融入于一个具体的应用程序当中。您将会构建一个属于自己的 Reac…

之前没太理解redux，在使用时总是照葫芦画瓢，看项目里别人如何使用，自己就如何使用，这一次彻底学习了下官方文档，记录。 在学习redux初时，有三个概念需要了解。 根据action，来指定store中的state如何改变。 在reducer更新state时，不能改变原有的st…

本文为意译，翻译过程中掺杂本人的理解，如有误导，请放弃继续阅读。 一般意义来说，React组件就是要隐藏它们的实现细节，包括自己的UI输出。而其他引用了<FancyButton>的组件也不太可能想要获取ref，然后去访问<FancyButton>内部的原生DOM元素button…

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…