react
5篇文章 · 0订阅
  • 深入理解React Diff算法
    点击进入React源码调试仓库。 上一篇扒一扒React计算状态的原理 之后，我们来分析一下Diff的过程。 fiber上的updateQueue经过React的一番计算之后，这个fiber已经有了新的状态，也就是state，对于类组件来说，state是在render函数里被使…
    React.js
  • 一起学习造轮子（二）：从零开始写一个Redux
    Redux是JavaScript状态容器，提供可预测化的状态管理。本文将会详细介绍Redux五个核心方法 createStore，applyMiddleware，bindActionCreators，combineReducers，compose的实现原理，最后将自己封装一个小…
    React.js JavaScript 前端框架
  • [译] React 16.6 懒加载(与预加载)组件
    React 16.6添加了一个新的特性: React.lazy(), 它可以让代码分割(code splitting)更加容易。 接下来通过一个股票App Demo， 来学习如何使用React.lazy这个新特性并了解为什么要使用它。 我们创建了一个股票Web App，App展…
    React.js
  • 从Preact中了解React组件和hooks基本原理
    React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…
    JavaScript
    从Preact中了解React组件和hooks基本原理
  • 《React源码解析》系列完结！
    距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…
    React.js 前端框架 前端
    《React源码解析》系列完结！