啊丫丫

已经有过铺垫。从本讲开始，将在此基础上针对 Redux 进行更加系统和深入的学习。 可以快速上手。 何谓“系统”的学习？系统的一个前提就是建立必要的学习上下文，尝试理解事情的来龙去脉。 这些年常常会见到这样一种情况：很多人对 Redux 的基本操作很熟悉，甚至对它的运作机制也有…

上一章节对 ReactDOM.render 的调用链路、包括其对应的初始化阶段的工作内容都有了学习和掌握。接下来在此基础上，学习后续的 render 阶段和 commit 阶段。这其中，render 阶段可以认为是整个渲染链路中最为核心的一环，我们反复强调“找不同”的过程，恰恰…

由于 ReactDOM.render 的内容比较多，所以拆分为上中下三部分来讲解。 在上一章节，我们站在宏观角度对 Fiber 的架构分层和迭代动机有了充分的把握。从本章节开始，将以首次渲染为切入点，拆解 Fiber 架构下 ReactDOM.render 所触发的渲染链路，结…

我们认为，React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。它在 Facebook 和 Instagram 上表现优秀。 这段话里有 4 个字值得细细品味，那就是“快速响应”，这 4 个字可以说是 React 团队在用户体验方面最为要紧的一…

当项目的数据流乱作一团的时候，层层排查到最后，会发现始作俑者往往是 setState——工作机制太复杂，文档又不说清楚，只能先“摸着石头过河”。 久而久之，setState 的工作机制渐渐与 React 调和算法并驾齐驱，成了 React 核心原理中区分度最高的知识模块之一。接…

时下 React 16 乃至 React 17 都是业界公认的“当红炸子鸡”，相比之下 React 15 似乎已经是一副黯淡无光垂垂老矣的囧相了。 在这样的时代背景下，愿意自动自发地了解 React 15 的人越来越少，这是一个令人心碎的现象。毕竟有位伟人曾经说过，“以史为镜，…

在过去的十年里，前端技术日新月异 。从最早的纯静态页面，到 jQuery 一统江湖，再到近几年大火的 MVVM 框架——研发模式升级这件事情对于前端来说，好像成了某种常态。其实研发模式不断演进的背后，恰恰蕴含着前端人对 “DOM 操作” 这一核心动作的持续思考和改进。而虚拟 D…

不要在循环、条件或嵌套函数中调用 Hook。 原则 1 无须多言，React-Hooks 本身就是 React 组件的“钩子”，在普通函数里引入意义不大。而对于原则2，相信很多人在它身上栽过跟头，或者说至今仍然对它半信半疑。其实，原则 2 中强调的所有“不要”，都是在指向同一个…

在之前的文章学习中，我们探究了 React-Hooks 的来头，并理解了其背后的“设计动机”。接下来我们来构建对 React-Hooks 的整体认知。 在章节的主体部分，将会通过一系列的编码实例来帮助你认识 useState、useEffect 这两个有代表性的 Hook，这一…