《React進(jìn)階實(shí)踐指南》上線啦
《React 進(jìn)階實(shí)踐指南》
我不是外星人 著
約 16 小時 · 27 節(jié)
徹底弄懂 React 基礎(chǔ)和高階用法
告別周而復(fù)始的工作，完成進(jìn)階~
作者介紹
本小冊作者目前就職于一線互聯(lián)網(wǎng)大廠，5 年工作經(jīng)驗(yàn)，4 年 React 開發(fā)經(jīng)驗(yàn)，通讀 React 源碼，寫過多篇《React 進(jìn)階》系列文章。開發(fā)過兩個開源項目：
react-keepalive-router-緩存頁面 ruxjs-狀態(tài)管理工具
為什么寫這本小冊？
React 是當(dāng)前非常流行的用于構(gòu)建用戶界面的 JavaScript 庫，也是目前最受歡迎的 Web 界面開發(fā)工具之一。
這主要是得益于它精妙的設(shè)計思想，以及多年的更新迭代沉淀而來的經(jīng)驗(yàn)。
首先，React 的出現(xiàn)讓創(chuàng)建交互式 UI 變得輕而易舉。 簡單來說，只要將數(shù)據(jù)傳入 React 的類和函數(shù)中，返回的就是 UI 界面。
其次，React 把組件化的思想發(fā)揮得淋漓盡致。 React中的每個組件像機(jī)器零件一樣，它們的組合支撐著 React 應(yīng)用的運(yùn)轉(zhuǎn)。
最后，React 還具有跨平臺能力。 React 不僅支持 Node 進(jìn)行服務(wù)器渲染，還可以用 React Native 進(jìn)行原生移動應(yīng)用的開發(fā)。同時，隨著跨平臺構(gòu)建工具的興起，比如 Taro，一套 React 代碼也能適用于多個平臺。
因此，越來越多的人想要學(xué)好 React，來增強(qiáng)自身的職業(yè)競爭力。
但是，隨著使用 React 開發(fā)的項目數(shù)量的增多，總是這樣周而復(fù)始地寫著業(yè)務(wù)邏輯，我們難免會遇到技術(shù)瓶頸期，比如：
對于 React 技術(shù)棧，不知道該怎么去突破、進(jìn)階； React 運(yùn)行的機(jī)制還是沒理解透徹； 想知道怎么給 React 做性能優(yōu)化、封裝組件； ……
筆者就親身經(jīng)歷過這樣的迷茫期，后來通過系統(tǒng)化復(fù)習(xí)，先逐一突破 React 的各個模塊，再把各個模塊串聯(lián)到一起，才慢慢體驗(yàn)到 React 魅力所在，越深入的學(xué)習(xí)，我就發(fā)現(xiàn)了越多精彩的內(nèi)容。
因此，我在這個小冊中，把自己的學(xué)習(xí)經(jīng)驗(yàn)和心得總結(jié)了出來，從基礎(chǔ)篇、優(yōu)化篇、原理篇、生態(tài)篇和實(shí)踐篇這五個方向，和大家詳細(xì)探討 React 的原理，并梳理出一份使用指南。
小冊目錄
基礎(chǔ)篇：重新認(rèn)識 React 中 state、props、ref、context 等模塊，詳解其基本使用和高階玩法。 優(yōu)化篇：講解 React 性能調(diào)優(yōu)和細(xì)節(jié)處理，讓你寫出更優(yōu)雅的 React 代碼。 原理篇：將針對 React 幾個核心模塊原理進(jìn)行闡述，一次性搞定面試中遇到 React 原理問題。 生態(tài)篇：將重溫 React 重點(diǎn)生態(tài)的用法，從原理角度分析內(nèi)部運(yùn)行的機(jī)制。 實(shí)踐篇：串聯(lián)前幾個模塊，進(jìn)行強(qiáng)化實(shí)踐。
你會學(xué)到什么？
1 jsx 到 fiber 的轉(zhuǎn)換流程，以及如何操縱 React element 元素。 2 React 核心基礎(chǔ)模塊的原理、使用以及進(jìn)階，比如 state、props、ref、context 等。 3 所有常用 React Hooks 的原理，以及合理使用、編寫自定義 Hook 的方法。 4 如何在 React 應(yīng)用中進(jìn)行 CSS 模塊化。 5 控制 React 渲染的方法，以及性能優(yōu)化手段。 6 生態(tài) React Router、React Redux、React Mobx 的詳細(xì)解讀。 7 React 應(yīng)用中海量數(shù)據(jù)的處理方案。 8 React 封裝組件實(shí)踐，以及高階組件的原理和使用方法。 9 React 面試常見問題及答案解析。
適宜人群
了解 React 基礎(chǔ)用法，接觸過 React 的技術(shù)同學(xué)。 想要系統(tǒng)學(xué)習(xí) React，進(jìn)階技術(shù)棧，深入了解 React 原理的同學(xué)。 想要跳槽，攻克 React 面試知識點(diǎn)的同學(xué)。