2023 iThome 鐵人賽

SideProject30

最新文章熱門文章

選手 75 文章 1430

SideProject30

Day 16

2023-10-01

4939

營養師不開菜單要用 Next.js 13 寫全端系列

營養師不開菜單的第十六天 - TypeScript 不夠？使用 Zod 做型別驗證

在上篇文章中，我已稍微提及了本次專案所使用的驗證工具——Zod。Zod 是專為 TypeScript 設計的資料驗證工具，就像人體的免疫系統，確保資料結構在...

ysl0628

團隊所以隊名要叫什麼

SideProject30

Day 17

2023-10-01

946

用 Web Serial/Bluetooth 來控制 ChameleonUltra 硬體系列

Day 17 Web Serial API

Day 17 Web Serial API 成功組成跟韌體溝通的 protocol 資料後，接下來就是要透過任何 Serial 傳送給 ChameleonUlt...

戴均民

SideProject30

Day 16

2023-10-01

493

Hugo your Blog and Host your Podcast. 系列

Shell Script / Script it, not screw it up.

如果可以三步並兩步，那我想一步走完如果有些事情具有相同的特徵與週期性，那個我們可以把任務的組成部分拆解出來，並且把它們編輯成一個腳本，讓我們可以一次完成。...

Yoder

SideProject30

Day 14

2023-10-01

423

30天製作與眾不同的TodoList吧！系列

為我們的todo引入Redux-2

目前我們的 todoSlice 會是長這樣的 const todoSlice = createSlice({ name: "todo",...

SideProject30

Day 14

2023-10-01

328

30天製作與眾不同的TodoList吧！系列

為我們的todo引入Redux

這時候考慮到後續的需求擴充，我們可以引入 Redux 對我們的資料進行集中管理。這邊先簡單介紹一下 Redux，這是一個狀態管理工具，雖然常用於 React，但...

SideProject30

Day 14

2023-10-01

405

30天製作與眾不同的TodoList吧！系列

來測試一下我們的元件吧(TDD & Jest)

目前我們的 todo 也到了一個階段，接下來我們可以對我們的 component 進行一下測試，確保他的功能是正常的。今天我們會使用 Jest 進行測試首先我...