前言 react升級到16之后，架構發生了比較大的變化，現在不看，以后怕是看不懂了，react源碼看起來也很麻煩，也有很多不理解的地方。 大體看了一下渲染過程。 react16架構的變化 react api的變化就不說了。react架構從stack變到了“fiber”。 最大的變化就是支持 ...

在一個組件的整個生命周期中，通過用戶的交互來更新state或者props，重新渲染組件，更新頁面的ui。組成一個簡單的“狀態機”。 react的生命周期三個階段： Mounting 掛載 1、 constructor()構造方法 constructor是ES6對類的默認方法 ...

react16-Fiber架構：改變了之前react的組件渲染機制，新的架構使原來同步渲染的組件現在可以異步化，可中途中斷渲染，執行更高優先級的任務，釋放瀏覽器主線程。 　　React 核心算法的更新 —— 這次更新提供了一個從底層重寫了 React 的 reconciliation 算法（譯注 ...

前言 React實現可以粗划為兩部分：reconciliation（diff階段）和 commit(操作DOM階段)。在 v16 之前，reconciliation 簡單說就是一個自頂向下遞歸算法，產出需要對當前DOM進行更新或替換的操作列表，一旦開始，會持續占用主線程，中斷操作卻不容易實現 ...

超級賬本（Hyperledger）項目分框架類和工具類兩種項目，框架類有Hyperledger Burrow、Hyperledger Fabric、Hyperledger Indy、Hyperledger Iroha和Hyperledger Sawtooth五個頂級項目；工具類 ...

項目中我一般用的還是react15的比較多，偶爾接觸react16，目前使用的大多是生命周期的區別，16新增了幾個生命周期。 static getDerivedStateFromProps：用於代替componentReceiveProps。是個靜態方法。 父組件傳入子組件的屬性更新時，同步 ...

引言 在上一篇文章中我們通過create-react-app腳手架快速搭建了一個簡單的示例，並基於該示例講解了在類組件中React.Component和React.PureComponent背后的實現原理。同時我們也了解到，通過使用Babel預置工具包@babel/preset-react ...

三個原則 single store render from top immutable data single store，便於組件之間通信。 render from top，因為store就一個，每次修改后，從最頂層開始渲染，依賴DOM diff和人工 ...