在過去的幾年，“變化”始終是前端框架世界裡的一號關鍵詞：前有 jQuery 剛剛式微時各路神仙各顯神通，後有 React / Vue / Angular 三分天下，如今又漸漸演變成了 React / Vue 兩分天下。

但總有人想要站在主觀的角度去拉踩前端框架，我覺得一名合格的前端最應該在意的不應該是“哪個框架最牛”這樣娛樂性的話題，更多的應該去學習優秀框架的知識，掌握常用框架的使用。

像 React 就是優秀前端框架的典型 ，它在架構上融合了資料驅動檢視、元件化、函數語言程式設計、面向物件、Fiber 等經典設計“哲學”，在底層技術選型上涉及了 JSX、虛擬 DOM 等經典解決方案，在周邊生態上至少涵蓋了狀態管理和前端路由兩大領域的最佳實踐。此外，它還自建了狀態管理機制與事件系統，創造性地在前端框架中引入了 Hooks 思想...... React 十年如一日的穩定輸出背後，有太多值得我們去吸收和借鑑的東西。

我認識的很多大廠高級別的前端，也都能做到精通/掌握 React ，像阿里巴巴、美團、百度、滴滴等一線網際網路在招聘高階前端的時候，很多崗位都會考察對 React 的掌握情況。

想要真正掌握 React 的核心知識，只靠閱讀 React 文件和網路上零散的資訊往往是不夠的，必須系統性的學習。我有一位朋友修言，他是高階前端工程師，他有非常豐富的一線電商集團專攻前端框架與底層鏈路設計經驗；作為多年一線前端面試官，他非常瞭解大廠面試晉升的要求。

如今，他想把自己這些豐富的經驗，都分享給你。於是，在拉勾教育上線了「深入淺出搞定 React」的專欄，只為帶你由淺入深掌握 React 知識鏈路和底層邏輯。

上線首日有拉勾的學費補貼（24 小時內）只要 1 元，就可永久解鎖（週三會恢復原價￥98了。）

修言有多牛？

修言目前是某一線網際網路大廠的高階前端工程師， 專攻前端框架與底層鏈路設計。他更是 React 重度使用者，對 React 原始碼、底層原理及周邊生態有著較為深入的探究和理解。早期專注於效能優化和前端工程化，曾將線上大型應用效能提升率做到 40%，由他來為你講 React，我信得過。

為什麼向你推薦這個專欄？

這個專欄，一方面緊貼原始碼、深挖核心原理，提升解決疑難雜症的能力，另一方面從大廠面試邏輯入手，幫你提升理論知識，更從容應對晉升求職。

模組一：系統深入學習“

JSX 程式碼如何成為 DOM？React 16的生命週期是怎麼回事？此模組對基礎知識做深入淺出的講解，幫你理解基本原理和原始碼，突破一些重點和難點。面試被拒、基礎比較薄弱的同學，學完這個模組可以應對大部分的初級面試。

模組二：刨根問底吃透"核心原理"

“棧調和”（Stack Reconciler）過程是怎樣的？setState 是同步的，還是非同步的？此模組主要呈現的是框架的底層邏輯和原始碼設計。這也是面試時壓軸的一些難點問題，如果你想要從事一些高階崗位，或者 JD 中明確要求精通React，那一定逃不開這些問題。學完個模組可以明白底層邏輯和原始碼設計，並應對大部分的高階面試。

模組三："周邊生態"幫你拓寬技術視野

Redux 設計思想與工作原理是怎樣的？此模組主要探究“問題背後的問題”，很多人用過 Redux、聽說過 React-Router，但是為什麼要用它？其背後的工作原理、設計思想又是怎樣的？解決你出了 Bug 卻不知如何除錯的問題。學完這個模組可以拓展 React 相關周邊生態。

模組四："生產實踐"通用法則

如何打造高效能的 React 應用？此模組將結合作者團隊的實踐經驗以及當下行業裡推崇的最佳實踐，為你輸出實戰觀點。對於這些最佳實踐，你不僅要知道怎麼做，還需要理解“為什麼這麼做”。學完個模組可以強化你的實際應用能力，提升自主研發創新實踐的線索和靈感。

這是課程目錄，也是一份知識圖譜，相信對你會有幫助：

⚠️⚠️⚠️ 最後再次提醒

週三之前這個原價98的專欄，

僅需1元，就可永久解鎖

（這樣良心的專欄，不囤我都替你感到虧）

另外，這個課是有配套的學習資料的，點選【閱讀原文】領取！