鐵人檔案
React是一個很有名的前端框架，運用React的companent以及hook，可以做出一個美觀且實用度搞得網站。這次鐵人賽，將在這三十天介紹一些React的功能及實用的套件，並實作一個可以串接後端的todo list。
前言 雖然說是前言，但最說的只有: 第一次參加鐵人賽，好緊張啊!!!!(誤 原本沒有想過要來參加鐵人賽，最近才剛結束用bootstrap切版的課程以及專題開發，...
今天要來說說怎麼建立第一個React開發環境，準備做出第一個React網站! 本地環境建立 若要在本地環境建立的話，首先會先需要安裝Node.js，還沒安裝的讀...
昨天已經建立好開發React的環境了，接下來就可以開始玩轉React啦！在React中有個非常重要的概念：元件( Component )，今天會來介紹介紹元件是...
昨天成功寫出了第一個Component，但這個Component還沒有任何功能，只能呈現固定的畫面。如果要讓component能夠根據變數內容做出變化的話，就需...
昨天我們學習了props和event handler來幫component增加更多變化，但是，只用props和event handler沒辦法讓componen...
昨天認識了第一個Hook－useState，今天要繼續認識useEffect這個語法。有時候，在開發React程式時會希望在網頁render後能夠更新一些值，或...
前兩天我介紹了React中很重要的兩個hook：useState和useEffect，這兩個hook幫助我們讓react程式能因應使用者的動作做出變化。不過，若...
昨天我們用state lifting的方式做了一個清單小程式，可以新增項目，然後在下方呈現出來。但是，如果將這個程式放在瀏覽器上跑，會出現一個小問題，也就是缺少...
前兩天我們逐漸完善我們的清單小程式，越來越接近todo list的雛型了。然而，目前的程式仍僅僅只有新增的功能，沒辦法刪除，因此，今天要來為他加上刪除功能。 刪...
前幾天我們用JSX、Hook以及JavaScript的技巧做了一個todolist的雛型，可以增加、刪除項目。今天稍微轉換個方向，講一下要怎麼在JSX中使用使用...
