鐵人檔案
先來看一下昨天的進度，我們已經可以把 user 輸入的資料加到下方的 todo 之中，但是會發現，當我們送出資料後輸入欄位的資料還是存在欄位中，所以我們回頭去修...
昨天我們已經把新增的功能做好了，那根據使用情境來說，總是會有不小心手滑點錯的時候吧?所以我們今天要做的事情就是幫已完成列表加上還原的按鈕。我們先看到HomeLi...
昨天提到 CRUD 中，我們還少了 Read&Update 的功能，但是在我們開始寫功能之前，我們回想一下，現在我們的資料格式是甚麼樣子。 [ {...
昨天我們已經為資料加上一個新的狀態欄位，並且也更新的 api 的處理方式，接下來我們需要為我們的 Todo 加上查詢的功能。一樣的流程，我們先分析一下這個功能的...
首先我們先建立一個名為 SearchBar 的 component，並且在其中加上一個用於顯示資料的視窗 & 視窗的開關。 import React,...
目前我們的 todo 也到了一個階段，接下來我們可以對我們的 component 進行一下測試，確保他的功能是正常的。今天我們會使用 Jest 進行測試 首先我...
這時候考慮到後續的需求擴充，我們可以引入 Redux 對我們的資料進行集中管理。這邊先簡單介紹一下 Redux，這是一個狀態管理工具，雖然常用於 React，但...
目前我們的 todoSlice 會是長這樣的 const todoSlice = createSlice({ name: "todo",...
當我們引入 redux 之後，我們之前所有邏輯的部分都需要進行重構，這將會大幅減少 function & State 這兩個部分，因為我們原本的操作基本...
這邊可以看到我們的透過createSelector建立一個 selectCompletedTodos 用於計算 isDone 為 true 的 todo 資料。...
