每天強迫自己產出內容是一個很大的挑戰，但這種輸入與輸出的循環，對我幫助真的很多！在這次鐵人賽寫作挑戰中，發現了不少自己在知識點上的盲區，以為已經了解某些React的觀念與實作技術，但藉著撰寫文章的過程，都是自我檢視與確認的時刻。再撰寫時要對寫出的內容負責，更要確認所寫出的技術內容是正確的。因此，撰寫文章時花費了不少時間在查找資料和確認資料的正確性。這樣一來一回中，也讓我的學習更加深刻。
除了技術撰寫的正確性，文章邏輯的連貫性也是思考的部分。在初始規劃時，有考量到
持續的技術寫作讓我在React的領域中深入探索，有些原本模糊的觀念，隨著不斷地寫作與查證，觀念變得更加清楚。每次查找資料與撰寫範例的過程，都讓對這在知識的掌握度更加熟悉。
30 天 React 技術教學文章系列，從基礎入門到進階應用，涵蓋了 React 開發的各種重要概念與技巧。
| Day | 文章標題 | 連結 |
|---|---|---|
| Day 01 | 拉開學習 React 的序幕 | 拉開學習React的序幕 - Day01 |
| Day 02 | React 中一定會用到的 JS 語法 (上) | React 中一定會用到的JS語法 (上) - Day02 |
| Day 03 | React 中一定會用到的 JS 語法 (下) | React 中一定會用到的JS語法 (下) - Day03 |
| Day 04 | React 環境建置 CRA | React 環境建置 CRA - Day04 |
| Day 05 | Hello JSX | Hello JSX - Day05 |
| Day 06 | 建立 React 中的第一個元件 | 建立React中的第一個元件 - Day06 |
| Day 07 | React 元件間的資料傳遞 - props | React元件間的資料傳遞 - props - Day07 |
| Day 08 | React 中的事件處理 | React 中的事件處理 - Day08 |
| Day 09 | React 中的狀態管理 - useState | React 中的狀態管理 - useState - Day09 |
| Day 10 | 在 React 中更新狀態的最佳方式 | 在 React 中更新狀態的最佳方式 - Day10 |
| Day 11 | updater function 更新 state | updater function 更新 state - Day11 |
| Day 12 | 再探 Props 與 State | 再探 Props 與 State - Day12 |
| Day 13 | 列表渲染與 key 值 | 列表渲染與key值 - Day13 |
| Day 14 | 條件渲染的幾種方式 | 條件渲染的幾種方式 - Day14 |
| Day 15 | React 表單事件處理 | React 表單事件處理 - Day15 |
| Day 16 | 在 React 中 style & 幾種 CSS 的撰寫方式 | 在React中 style & 幾種CSS的撰寫方式 - Day16 |
| Day 17 | 綜合練習－TodoList (上) | 綜合練習－TodoList - Day17 |
| Day 18 | 綜合練習－TodoList 實作(下) | 綜合練習－TodoList 實作(下) Day18 |
| Day 19 | React 中處理副作用的利器 - useEffect | React中處理副作用的利器 - useEffect - Day19 |
| Day 20 | 在 React 中使用 Axios 進行非同步請求 | 在 React 中使用 Axios 進行非同步請求 - Day20 |
| Day 21 | 告別不必要的渲染：理解 React useRef | 告別不必要的渲染：理解 React useRef -Day21 |
| Day 22 | useContext 輕鬆共享資料之 props drilling 的解方 | useContext 輕鬆共享資料之props drilling的解方 - Day22 |
| Day 23 | 用 useMemo 優化效能 | 用useMemo優化效能 - Day23 |
| Day 24 | 提升組件的效能 - memo | 提升組件的效能-memo - Day24 |
| Day 25 | useCallback 的使用時機 | useCallback的使用時機 - Day25 |
| Day 26 | 打造自己的 Hook：Custom Hook | 打造自己的 Hook：Custom Hook Day26 |
| Day 27 | React useReducer 進階狀態管理 | React useReducer 進階狀態管理 -Day27 |
| Day 28 | React Redux 進階狀態管理工具 | React Redux 進階狀態管理工具 - Day28 |
| Day 29 | React Redux 實作 | React Redux 實作 - Day29 |
| Day 30 | React Redux Toolkit | React Redux Toolkit Day30 |
第一次參加鐵人賽，真心覺得有趣和好玩！雖然過程有些痛苦，強迫自己持續輸出和每天達成一定的目標，真的很重要！若有機會，明年還是會持續參加。今年有預先準備15多篇文章，由於未能及時補充新文章，到了後半段，幾乎每天都在追趕進度。再加上到參賽15天左右，自己自主報名游泳精進班，要每天早上5點上課，這又更加提醒我要做好時間管理的安排了，覺得想要完成比賽的念頭也是強烈的，因此也是持續不懈去做文章的撰寫。
謝謝自己的努力與堅持，最後真的能夠完成也是不容易，你真棒！
本文將會同步更新到我的部落格
iThome鐵人賽
看影片追技術