React Router 4 引入了一种基于 component 的动态路由。 这篇文章中会讨论思考 React Router 背后的哲学，同时也会通过分析 React Router 文档中的示例代码来介绍一下它的语法。 更多 React Router 的介绍请戳 这里。 不想…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

《React in patterns》是一本非常棒的 React 开源书 GitHub 上有将近 9k 的 stars 注: 此书并非 React 入门书，而是作者对 React 的一些思考与理解

Create React App（以下简称 CRA）是创建 React 应用的一个脚手架，它与其他脚手架不同的一个地方就是将一些复杂工具（比如 webpack）的配置封装了起来，让使用者不用关心这些工具的具体配置，从而降低了工具的使用难度。 下面对这几种方式分别进行介绍。 执行…

作者序：React Native 是最近非常火的一个话题，介绍如何利用 React Native 进行开发的文章和书籍多如牛毛，但面向入门水平并介绍它工作原理的文章却寥寥无几。本文分为两个部分。 作者：bestswifter @ 简书

学习 React DnD 的最初原因是阅读《如何写一个拖拽日历组件》附的源码时，看不懂拖拽组件 React DnD 的相关代码，于是行动力极强地学习了React DnD这个组件。 DragDropContextProvider 与 DragDropContex 类似，用 Dra…

一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。 不断的拷代码？还是抽象成 UI 组件或业务组件？显然后者更高效。 那么现在就面临一个选择：一是选择 React 生态中已有的组件库，例如 ant…

众所周知，在使用 Redux 时最麻烦的一个部分就是 reducer 的编写，由于 Redux 要求状态是 immutable 的，也就是说，发生变化的状态树一定是一个新的引用。 所以 reducer 经常会写成这样： 很多人会称之为深克隆，其实并不是，这个过程既不是深克隆也不…

Taro 支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、App 端(React Native) 等的应用。