鐵人檔案
React 這幾年都是許多公司用來開發網頁的一大框架之一，即使一直有不管是新的還是舊的競爭者出現，React 的使用率依然是滿高的。我自己所在的公司與平常自行開發的 Side Project 也是用 React 為主要工具。這次鐵人賽就想重讀 React 的官方文件，也讓自己再重新複習一下 React 的各種基礎，在分享的同時也希望讓自己的基本功更紮實。
前兩天介紹了如何更新 state 內的 object，今天則是要來介紹如何更新陣列（Array）。今天的文章參考官方文件的： https://zh-hant...
終於把基礎的 state 更新介紹完，接下來的篇章會接著介紹如何管理與設計這些在 component 裡面使用到的 state。今天的文章則是會從 輸入表單（I...
昨天介紹了在 React 開發的五個思考流程： 確認 component 不同的呈現狀態 識別哪些會觸發狀態改變 用 useState 記憶這些狀態進行操作...
在昨天的篇章，介紹了詳細的 state 變化流程。今天則是要來介紹在使用 state 的時候，我們該如何選擇他的架構該長什麼樣子。昨天已經有先提到一些了，今天會...
當我們在 Component 裡面寫 useState 的時候，這就會在 Component 裡面建立一個專屬該 component 的 state 資料，會記...
還記得之前介紹 React 在生成畫面的時候，會照著 render trees 去呈現畫面。而當我們使用判斷式在不同條件下產生不同畫面，就會造成數的改動。這些改...
隨著我們開發的程式碼規模變大，有時候在處理陣列的 state 的時候，所需要更新的邏輯也會越來越多，如果通通直接寫在 handler 裡面會讓我們 compon...
在前面的篇章：Day 25 - 在 Component 之間共享 State，有介紹 state 可以透過 props 傳下去給其他 Component 使用。...
延續昨天的介紹，Context 除了透過傳給 Provider 不同的 value 值之外，也可以透過傳入 state 後，用 state 的更新去改變裡面的值...
今天是鐵人賽的最後一天，剛好在昨天也介紹完了官方文件的 管理 State 篇章。後面還剩 逃脫出口 出口這個篇章沒介紹完，主要的內容會是對 React 以外的系...
