鐵人檔案
React 這幾年都是許多公司用來開發網頁的一大框架之一，即使一直有不管是新的還是舊的競爭者出現，React 的使用率依然是滿高的。我自己所在的公司與平常自行開發的 Side Project 也是用 React 為主要工具。這次鐵人賽就想重讀 React 的官方文件，也讓自己再重新複習一下 React 的各種基礎，在分享的同時也希望讓自己的基本功更紮實。
樹（Tree）是一個時常用在處理 UI 與其中的項目關係的一個資料結構。像是在瀏覽器生成 HTML 架構，以及使用 CSS 來完成外觀更動時，都會運用到相對應的...
前面幾天的內容，都比較偏向靜態的 JSX 生成，接下來的幾個篇章，會開始介紹怎麼在 React 上增加網站的互動性（像是點擊按鈕，選取選單，輸入資料等），讓我們...
今天的文章接下來繼續介紹最後提到的事件的傳遞，這邊的傳遞通常是指假設我們在 Component 裡，觸發的事件可能會根據 Parent 跟 Child 的不同而...
今天的主題是 React 裡的 State，他會用在我們跟 Component 進行互動時，像是輸入資料（Input）、點擊顯示與隱藏按鈕（Click）或是選取...
昨天對 State 有了初步介紹，之後的官方文件其實也有對 State 直接有一個大 章節，會留在後面的篇章。今天想講更多 useState 相關的內容，跟一些...
Render 是 React 在產生畫面在網頁前，所需要執行的動作，今天會介紹整個 render 的步驟，還有跟他息息相關的 commit。React 會在什麼...
昨天在介紹 React 如何把畫面呈現在網站上的三個步驟，今天會再針對 state 更新後重新 render 更新畫面再做更多的延伸介紹。今天的文章參考官方文件...
在昨天的文章，介紹了 state 就像是螢幕快照一樣，一次 render 只會的 state 不會改變，所以我們如果進行三次 setNumber(number...
今天繼續介紹 state 的運用，前面的文章的 state 更新都是用 數字 number、字串 string、布林值 boolean 等的單一型態（type）...
昨天介紹了如果是 object 型態的 state，在 React 會要怎麼更新。今天要來繼續延伸閱讀，來介紹 React 在他們官網推薦的 library I...
