深入学习 React

是通过递归更新子组件 。由于递归执行，所以更新一旦开始，中途就无法中断。当层级很深时，递归更新时间超过了16ms，用户交互就会卡顿。 通过把diff算法分成很多小片。当一个小片执行完成时，由浏览器判断是否有时间继续执行新任务，没时间就终止执行，有时间就检查任务列表中有没有新的、…

Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。 Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据，例如当前认证的用户、主题或首选语言。 先使用 createContext 创建一个 Context 对象。…

本文将从头开始编写一个简单的类 react 框架。用于理解 fiber 原理和 hooks 的实现，轻松地深入React代码库。 我们从编写createElement开始，这个函数主要用于把JSX转换成虚拟DOM（js对象）。这里我们使用@babel/plugin-transf…

本文教你如何实现一个类 react 15 的框架，在实现的过程中了解 react 的生命周期函数，异步setState 这些是如何实现的。 JSX 是一种 JavaScript 的语法扩展，运用于React架构中。在 react 中 jsx 会被转换为虚拟DOM。 什么是虚拟D…

本文详细的介绍如何从头开始搭建一个react项目，帮助新人了解项目搭建流程和打包流程。 需要注意包版本问题，不同版本代表着不同的代码。如果包版本不同启动项目时可能会出现未知错误。 Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScri…