原文:手寫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