邀請好友學(xué)習(xí)
每邀請一位你將得 ¥
剖析 React 內(nèi)部運(yùn)行機(jī)制
¥ 58.00
React 作為當(dāng)下最為流行的前端開發(fā)框架之一,使用它可以快速構(gòu)建大型 Web 應(yīng)用,加上其出色的性能表現(xiàn),使得眾多互聯(lián)網(wǎng)公司對它格外地青睞。
由于 React 被廣泛應(yīng)用于大、中、小型互聯(lián)網(wǎng)公司,國內(nèi)一線互聯(lián)網(wǎng)公司對前端工程師崗位招聘中對 React 框架原理提出了明確要求。求職者是否對 React 的運(yùn)行原理有一定的了解,甚至能直接決定他是否被錄用。
舉個例子,如果你還不知道 setState 的工作原理,甚至沒有聽說過 React Fiber 架構(gòu),那么你距離互聯(lián)網(wǎng)一線大廠的要求還有很大一段距離。
所以,作為一名前端開發(fā)工程師對于 React 技術(shù)的掌握不應(yīng)該僅僅停留在使用層面,而是要理解 React 應(yīng)用程序的內(nèi)部運(yùn)行機(jī)制以及其設(shè)計原理。
市面上關(guān)于 React 的課程有很多,大部分是講解如何使用 React,有一少部分介紹 React Fiber 架構(gòu)核心思想的內(nèi)容。事實(shí)上,僅僅了解 React Fiber 架構(gòu)的核心思想是遠(yuǎn)遠(yuǎn)不夠的,我們應(yīng)該對 React 應(yīng)用程序的渲染(包括首次渲染和更新渲染)流程有一個整體的認(rèn)知。了解了 React 應(yīng)用程序的渲染流程后,在開發(fā)過程中可以更加優(yōu)雅的編寫 React 程序,當(dāng)程序出現(xiàn)錯誤與異常時,可以更加高效快速的定位到問題的具體原因。
本課程在設(shè)計內(nèi)容時,就以講透 React 的底層原理作為目標(biāo),讓你具備框架設(shè)計者的思維與視野,助你拿下一線互聯(lián)網(wǎng)大廠offer。
本課程從 ReactDOM.render( … ) 開始,由淺入深,循序漸進(jìn)地介紹 React 的內(nèi)部運(yùn)行機(jī)制與設(shè)計原理。在后面章節(jié)中以一個簡單的 Demo 為例介紹 React 應(yīng)用程序的整體渲染過程。在學(xué)習(xí)的過程中,大家不僅可以了解 React 的相關(guān)知識點(diǎn),同時也會了解到 JavaScript 的一些核心特性(如繼承等)在 React 中如何被完美地使用。
上古鵬,北京師范大學(xué)研究生畢業(yè),資深前端研發(fā)工程師,就職于國內(nèi)一線互聯(lián)網(wǎng)公司,具備多年 React 研發(fā)經(jīng)驗(yàn)。
本課程主要由 六 個章節(jié)組成。
第一章主要介紹本課程的學(xué)習(xí)思路,相關(guān)說明等。
第二章帶你深入理解 React 世界的重要概念(如組件、生命周期、元素、實(shí)例等),幫助你理解這些概念的設(shè)計思想。
第三章重點(diǎn)介紹 React Fiber 架構(gòu)的核心思想以及其重要的構(gòu)造函數(shù)。
第四章簡單介紹 React 中的任務(wù)體系。
第五章以一個簡單的 React 應(yīng)用程序?yàn)榫€索,詳細(xì)介紹其在首次渲染時在 React 內(nèi)部所做的工作。
第六章介紹 React 應(yīng)用程序在更新渲染時的內(nèi)部運(yùn)行流程,帶你了解核心工作機(jī)制。
下載慕課網(wǎng)APP
更好的體驗(yàn),讓閱讀隨處可得
如無法下載使用圖片另存為
下載海報
MoocMonster
讀剖析原理的文章大大小小都讀過,源碼解析也有看過,但是更多的時候會被那份枯燥把激情埋沒。有幸讀懂的源碼在輸出環(huán)節(jié)有出現(xiàn)紕漏,說著說著就把自己繞進(jìn)去了。但是讀了幾篇,感覺作者做到了深入淺出,您在閱讀源碼學(xué)習(xí)原理和設(shè)計理念的時候是如何做的呢?是不是像你文章標(biāo)題那樣去站在設(shè)計者解決問題的角度去思考問題。
講師回答 / 上古鵬
讀源碼本身就是一家很枯燥的事情,不過你每讀一遍都會有不同的感受,如果在你讀源碼的過程中能有一些書籍資料幫助到你,那你就會輕松很多。源碼只是框架的最終體現(xiàn),我們還是要思考作者在開發(fā)框架的過程中考慮了哪些問題。