一、总体实现目标 本文通过手写一个简易版 React，来了解 Fiber 架构到底做了些什么？从而对 React 基本原理有一个直观的认识； 学习建议：下载本节代码，对照着文章查看，尽量动手实现一遍；

本教程不讲解 React Hooks 的源码，只用最简单的方式来揭示 React Hooks 的原理和思想。 （我希望你看本文时，已经看过了上面一篇文章，因为本文会基于你已经了解部分 hooks 本质的前提下而展开的。例如你懂得 hooks 维护的状态其实是一个由闭包提供的。）…

"如果你不知道是否需要 Redux，那就是不需要它。" Redux 的创造者 Dan Abramov 又补充了一句。 "只有遇到 React 实在解决不了的问题，你才需要 Redux 。"

前段时间准备面试，总结了很多，下面是我在准备React面试时，结合自己的实际面试经历，以及我以前源码分析的文章，总结出来的一些 React高频面试题目。 以前我写的源码分析的文章，并没有很多人看，因为大部分情况下你不需要深入源码也能懂得其中原理，并解决实际问题，这也是我总结这些…

本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…

高阶组件类似于高阶函数，如 map()、reduce()、sort()，即这样一种函数：接收函数作为输入，或是输出一个函数。同样作为高阶组件：它接受 React 组件作为输入，输出一个新的 React 组件。 比较典型的高阶组件是 react-redux 中的 connnect…

Hooks 是 16.7.0-alpha 新加入的新特性，目的解决状态逻辑复用，使无状态组件拥有了许多状态组件的能力，如自更新能力(useState)、访问ref(useRef)、上下文context(useContext)、更高级的setState(useReducer)及周…

接下来将一步步带领大家实现一个基本的modal弹窗组件，封装一个简单的动画组件，其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现； 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…