原文:手写React的Fiber架构,深入理解其原理

熟悉React的朋友都知道,React支持jsx语法,我们可以直接将HTML代码写到JS中间,然后渲染到页面上,我们写的HTML如果有更新的话,React还有虚拟DOM的对比,只更新变化的部分,而不重新渲染整个页面,大大提高渲染效率。到了 .x,React更是使用了一个被称为Fiber的架构,提升了用户体验,同时还引入了hooks等特性。那隐藏在React背后的原理是怎样的呢,Fiber和hook ...

2020-06-23 17:29 1 2803 推荐指数:

查看详情

手写一个Redux,深入理解原理

Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变。本文只会实现Redux的核心库,跟其他库的配合使用 ...

Fri Jul 03 22:03:00 CST 2020 1 1214
手写koa-static源码,深入理解静态服务器原理

这篇文章继续前面的Koa源码系列,这个系列已经有两篇文章了: 第一篇讲解了Koa的核心架构和源码:手写Koa.js源码 第二篇讲解了@koa/router的架构和源码:手写@koa/router源码 本文会接着讲一个常用的中间件----koa-static,这个中间件是用来搭建 ...

Mon Dec 07 19:50:00 CST 2020 0 543
JavaScript深入理解系列:bind方法详解以及手写

定义 由定义可知,函数调用bind()方法的时候,会返回一个新函数,并且this指向bind函数的第一个参数,简单来表示。 fn.bind(obj对象)执行 返回一个函数,想调用的时候,fn. ...

Fri Apr 15 00:25:00 CST 2022 0 808
深入理解React:事件机制原理

目录 序言 DOM事件流 事件捕获阶段、处于目标阶段、事件冒泡阶段 addEventListener 方法 React 事件概述 事件注册 document 上注册 回调函数存储 事件分发 小结 ...

Wed Jun 24 22:37:00 CST 2020 1 5729
深入理解HDFS的架构原理

(一) HDFS主要是用于做什么的? HDFS(Hadoop Distributed File System)是Hadoop项目的核心子项目,是分布式计算中数据存储管理的基础,是 ...

Thu Dec 20 18:49:00 CST 2018 0 2108
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM