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

hook組件初渲染 hooks組件在初次渲染時， 解析組件類型，判斷是Function還是class類型，然后執行對應類型的處理方法 判斷到當前是Function類型組件后，首先在當前組件，也就是fiberNode上進行hook的創建和掛載，將所有的hook api都掛載到全局變量 ...

背景 老的react架構在渲染時會有一些性能問題，從setstate到render，程序一直在跑，一直到render完成。才能繼續下一步操作。如果組件比較多，或者有復雜的計算邏輯，這之間的消耗的時間是比較多的。 假設更新一個組件需要1ms，如果有200個組件要更新，那就需要200ms ...

react中的虛擬dom，本質上是一種對象形式到dom的描述，虛擬dom的操作是在js層面的計算，如果把js映射生成真實的dom 調用生命周期中的render方法，生成虛擬dom，然后再調用reactDom.render方法，實現虛擬dom的真實dom轉換 組件的再次更新，會再次調用 ...

React Hooks 概念 為什么叫 React Hooks. 阮一峰解釋 React Hooks React Hooks 的意思是，組件盡量寫成純函數，如果需要外部功能和副作用，就用鈎子把外部代碼"鈎"進來。 React Hooks 就是那些鈎子。 你需要什么功能，就使 ...

react的特點 聲明式設計 −React采用聲明范式，可以輕松描述應用。 高效 −React通過對DOM的模擬（虛擬dom），最大限度地減少與DOM的交互。 靈活 −React可以與已知的庫或框架很好地配合。 JSX − JSX ...

目錄 1、useState保存組件狀態 2、useEffect 處理副作用 3、useContext 減少組件層級 4、useReducer 數據交互 5、us ...

React 16 服務端渲染的新特性 React 16 中關於服務端渲染的新特性 快速介紹React 16 服務端渲染的新特性，包括數組、性能、流等 React 16 終於來了！🎉🎉🎉 React 16 中有許多令人激動的新特性（最著名的是Fiber的重寫），但是對我個人而言，最 ...