Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

如果新的虚拟dom是多个节点，那就先进入第一轮遍历，遍历的时候一一对应，如果不能复用，就立马跳出第一轮循环，进入第二轮循环，将剩余的老fiber放入一个以老fiberkey或者索引为key，value

上一篇文章我们讲了React-Router的基本用法，并实现了常见的前端路由鉴权。本文会继续深入React-Router讲讲他的源码，套路还是一样的，我们先用官方的API实现一个简单的例子，然后自己手写这些API来替换官方的并且保持功能不变。 在这个壳里面还引用了两个库reac…

前言 之前有朋友问我，React Hooks 能否解决 React 项目状态管理的问题。这个问题让我思索了很久，最后得出的结论是：能，不过需要两个自定义 hooks 去实现。那么具体如何实现的呢？ 那

文章导读： React-Hook 基本使用 useState 实现 useCallback 实现 useMemo 实现 useReducer 实现 useContext 实现 useEffect 实现

在reactjs中，父子组件，同级组件间的状态传递只能通过props传递，如果需要传递的变量过多，就会导致项目混乱难以维护，并且容易产生意想不到的bug。所以我们需要一个能管理全局状态的工具，如redux，mobx这类的就是为了解决这个问题。 使得状态管理变得简单可扩展。 状态…

如果你的站点或者公司未来的站点需要用到服务端渲染，那么本文将会是非常适合你的一篇入门实战实践教学。本文采用 next 框架进行服务器渲染框架的搭建，最终将完成几个目标： 本文的最终目标是所有人都能跟着这篇教程搭建自己的（第）一个服务端渲染项目，那么，开始吧。 在 next 中，…

作者接触并学习React SSR是由于工作的需要，后又经过一段时间的深入学习和实践，当时也恰巧业内还没有基于koa2的React SSR开发骨架，所以干脆写成一个开源项目 zz.js，技术栈是react+node+koa2+webpack。 期间查阅了大量的文章，最终还是需要通…