在Web開發中，需要將數據的變化實時反映到UI上，這時就需要對DOM進行操作，但是復雜或頻繁的DOM操作通常是性能瓶頸產生的原因，為此，React引入了虛擬DOM（Virtual DOM）的機制。 什么是虛擬DOM？ 虛擬DOM VS 直接操作 ...

先上一張經典圖為敬 redux-saga 是一個用於管理redux應用異步操作代替 redux-thunk 的中間件 集中處理 redux 副作用問題。reducer負責處理action的 ...

一、JavaScriptCore 講react Native之前，了解JavaScriptCore會有幫助，也是必要的。react Native的核心驅動力就來自於js Engine. 你寫的所有js和JSX代碼都會被JS Engine來執行, 沒有JS Engine的參與，你是無法享受 ...

高階組件的這種寫法的誕生來自於社區的實踐，目的是解決一些交叉問題(Cross-Cutting Concerns)。而最早時候 React 官方給出的解決方案是使用 mixin 。而 React 也在官網中寫道： We previously recommended mixins ...

React Hooks原理 React Hooks 簡介 React Hooks 是 React 16.8 以及之后版本的產物，React Hooks 就是一堆鈎子函數，不同的鈎子函數提供了不同的功能，React 通過這些鈎子函數對函數型組件進行增強。Hooks 允許你在不編寫 class ...

通常，當客戶端請求一個包含React組件頁面的時候，服務端首先響應輸出這個頁面，客戶端和服務端有了第一次交互。然后，如果加載組件的過程需要向服務端發出Ajax請求等，客戶端和服務端又進行了一次交互，這樣，耗時相對較長。服務端是否可以在頁面初次加載時把所有方面渲染好再一次性響應給客戶端 ...

今天與你分享的是 redux 作者 Dan 的另外一個很贊的項目 react-dnd (github 9.6k star)，dnd 是 Drag and Drop 的意思，為什么他會開發 react-dnd 這個項目，這個拖放庫解決了什么問題，和 html5 原生 Drag Drop ...

react-window 這篇是 react-window 的源碼閱讀, 因為此庫使用的是 flow, 所以會涉及一些特殊的東西, 和 ts 類似 使用 List 首先是 List 的使用: 相對 react-virtual 的使用來說簡單了很多, 使用方便, 但是相對地, 暴露 ...