前言

雖然說是前言，但最說的只有:

第一次參加鐵人賽，好緊張啊!!!!(誤

原本沒有想過要來參加鐵人賽，最近才剛結束用bootstrap切版的課程以及專題開發，已經相當爆肝了，還參加什麼鐵人賽…但是，看到同組的組員在剛結束課程的時候就決定參加鐵人賽，我也開始思考，是不是應該參加鐵人賽呢？自己過去花了快一年的時間學習前端技術，雖然還不到火侯，但在寫程式過程中也有了些心得、碰到許多菜鳥開發者可能會有的問題，同時，我也還有多想要研究的東西，想要藉由鐵人賽將這些分享出來，也藉以記錄自己學習到的各種技術及問題解方。

React簡介

這次的主題我選擇了React。React是目前前端領域最有名的三大框架之一，最初是在Facebook團隊內部使用，後來釋出來供前端畫面呈現使用的一個函式庫。React以其元件化思考、使用hook來處理畫面更新的功能而聞名，同時也因為它的特性仍要寫很多的JavaScript，相較於同為三大框架之一的Vue來說，顯得不太平易近人。
React有以下優點:

1. 元件化思考，可以將會重複使用的元件獨立出來，需要使用時再引入即可。
2. 有效率的利用Virtual DOM來及時更新畫面。透過Virtual DOM，不直接修改DOM，而是根據Virtual DOM前後的不同來批次更新到DOM上。
3. 使用JSX語法，可以用近似HTML的語法來寫網頁，增加易讀性及降低開發上的麻煩。
4. 發展至今有龐大且活躍的社群。
5. (React 16.8後)可以使用functional開發component，相較於以往使用class開發簡單許多。

同時，也有以下缺點:

1. 非大而全面的函式庫，需要引入許多其他套件。
2. 學習上有一定難度，需要花時間學習JSX、component及hooks等語法。
3. 沒有好好規劃的話會寫出boilerplate code(一堆重複的code)

在實際開發上，React相當不錯，個人覺得尤其是能夠根據hook狀態進行畫面更新這個地方非常棒，非常好用，省去了為了操作DOM需要寫一大堆函式的麻煩。

接下來將會開始介紹要怎麼寫React，並實作出一個可以增加/刪除/編輯的todolist，一起深入React的世界!