距離上次參加 ITHome 鐵人賽已經三年多了,連續 30 天輸出文章的高壓洗禮仍歷歷在目,但在寫鐵人賽的題目: I Want To Know JS 這個系列文時很明顯感受到自己的進步。透過輸出文章, JavaScript 功力變得紮實許多了。然而,單純的 Vanilla JS 以難以應付越來越複雜的前端畫面與狀態處理。三年後的今天,使用前端框架幾乎是建構大型前端應用的標準配備,而精通三大框架 Angular, React, Vue 中的其中一套框架也自然成為前端工程師的必備技能之一。
並非說純 JavaSript 已經不重要了,如果重來一次,我依然會先從 JavaScript 這個較底層的前端知識點學起,畢竟根據 第一性原理,釐清較靠近源頭的知識往往是個正確的決定。但從 靠近源頭的知識 邁向 衍伸的知識 也是非常重要的成長與學習的過程,這也是為何我選擇 I Want To Know React
作為這次鐵人賽的主題。
工程師就是一個不斷學習新知的職業,對於較晚學習的我來說,花更多時間與心力來學習並統整新知更是必要的,而我將會用鐵人賽來督促自己學得更快、更多、更好。期望藉由本系列文能學習到深入且紮實的 React 知識與技巧,也希望能夠將這些知識點傳遞給更多想要深入學習 React 的開發者。
以下將介紹系列文將採用的 內容、文章格式與脈絡 以及 適合的讀者群。
本系列文的內容將以 React 官方文件 中的知識為主,因此我們的主要內容會專注在學習 React Core 本身而留較少的篇幅去介紹相關生態系套件。另外,雖然不會有原始碼解析那麼深入的內容,但還是希望盡量學習到一些常被忽略掉的背景、運作機制與特性細節。可以把這系列當成一個官方文件的讀書心得,但遇到有延伸知識時會盡量補完。另外,主題與章節將依自己的理解有所刪減、調整或改動順序。
以下為預計會帶到的主題:
此系列文希望能夠深入淺出的讓讀者學習到 React 相關知識,並避免知其然而不知其所以然的狀況發生,因此每個主題中都會先 簡介主題,接著介紹 為什麼 等較根源性/背景性的問題,最後帶入實作面的 如何做 與 內部機制 的部分。
再更詳細說明一點文章格式,每篇文章的內容依照主題的不同,可能會有以下幾種部分: