鐵人檔案
React是一個很有名的前端框架，運用React的companent以及hook，可以做出一個美觀且實用度搞得網站。這次鐵人賽，將在這三十天介紹一些React的功能及實用的套件，並實作一個可以串接後端的todo list。
昨天介紹了要如何在React中使用css，今天來介紹一下如何使用方便的React-bootstrap套件來建立一個漂亮的網站。p.s. 這一篇需要對bootst...
前幾天已經寫好todolist的邏輯、樣式，現在我們的程式已經可以新增、瀏覽、刪除代辦事項，並且有簡單的外觀。不過新增的事項還沒辦法編輯，因此今天來做一下編輯的...
今天要繼續實作todolist，要讓todolist有切換已完成、未完成狀態的功能。 程式修正 昨天的編輯功能出了點問題，若是在沒修改的情況下提交，由於newI...
昨天已經做出來已完成、未完成的效果了，但是只有style上的轉換，沒有記錄起來。今天要把已完成、未完成的狀態記錄在state中，並做出已完成、未完成的分頁。 儲...
昨天我們用useState、useEffect、react-bootstrap完成了todolist程式，不過在寫程式的過程中，會發現我們傳遞的props隨著功...
昨天介紹了context是什麼，以及useContext要怎麼用，今天來介紹一下要怎麼在開發上實際運用context object以及useContext。 建...
前兩天介紹了 Context 這個 React 內建的狀態管理 api ，今天想來介紹一下同樣是狀態管理工具的 Redux。 Redux 是一個第三方的套件，跟...
昨天我們認識了什麼是 Redux，以及初步安裝及設定 Redux ，讓 Redux 保管的資料可以被子元件取得。今天我們要繼續學習 Redux，從子元件內取得我...
前幾天介紹了資料管理用的 context 以及 Redux，今天要來介紹一下要如何不透過伺服器切換頁面，直接在 React 中切換。 React router...
昨天我們認識 React-router 是什麼，以及基本的一些使用方法，今天想要來介紹一下其他 React-router 提供的好用 api 。 NavLink...
