iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30 天大冒險:新手勇闖 React 大秘境 系列

從 0 開始的 React 學習 30天!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY 21 - React Router

⭐任務說明 😸 叮咚!今天學習如何使用 React Router! 什麼是 React Router 頁面會依照不同的 URL 顯示內容,這就是路由,而 R...

2023-10-06 ‧ 由 karakamin 分享
DAY 22

DAY 22 - 巢狀路由

⭐任務說明 😸 來看看什麼是巢狀路由! 簡單介紹 在網頁頁面的設計上,除了會有一般的多個頁面之外,在頁面當中其裡面也會有多個頁面需要呈現。通常會在大型系統中...

2023-10-07 ‧ 由 karakamin 分享
DAY 23

DAY 23 - 動態路由

⭐任務說明 😸 學會基本的使用路由之後,這次是動態路由! 可以怎麼做 我們有一組產品資料,要動態產生列表並且可以連結到指定的頁面 範例資料 export...

2023-10-08 ‧ 由 karakamin 分享
DAY 24

DAY 24 - React Router 的 Link

⭐任務說明 😸本次將學習到 Router 中的 Link <Link>是什麼 在我們前面的範例程式碼中,可以知道 <Link> 是一...

2023-10-09 ‧ 由 karakamin 分享
DAY 25

DAY 25 - 使用 React Router v6 的 Data API 建立 Router

⭐任務說明 😸React Router v6 在建立的 Router 的方式有一點不一樣,這次任務將帶大家來練習寫寫看! 簡單介紹 router 的建立方...

2023-10-10 ‧ 由 karakamin 分享
DAY 26

DAY 26 - React Router 中的 Hook

⭐任務說明 React Router 也有提供 Hook!讓我們一起來看看! 簡單介紹 useParams URL 中傳回與 Route path 相符...

2023-10-11 ‧ 由 karakamin 分享
DAY 27

DAY 27 - Redux

⭐任務說明 今天來學一點 Redux 在介紹 Redux 之前 在前面的任務中,我們也有學習到使用 useState 與 useReducer 進行管理狀態...

2023-10-12 ‧ 由 karakamin 分享
DAY 28

DAY 28 - 來實作一個 TodoList 吧!(一)

⭐任務說明 😸前面學習了這麼多,來練習一個 Todo List 吧! 學習目標 練習表單元件設計 建立狀態管理 預期功能規劃 新增待辦項目功能 刪除待...

2023-10-13 ‧ 由 karakamin 分享
DAY 29

DAY 29 - 來實作一個 TodoList 吧!(二)

⭐任務說明 來完成一個 Todo List 吧! 第一階段-建立一段點新增後會儲存資料 使用 useState 紀錄資料狀態 import { useS...

2023-10-14 ‧ 由 karakamin 分享
DAY 30

DAY 30 - 新手走完秘境啦

新手走出秘境啦 堅持努力 30 天,每天都是白天上班,下班後學習 ReactReact 對我來說是新的東西,雖然會一點 Vue 和 JS ,每天啃官方文件非常充...

2023-10-15 ‧ 由 karakamin 分享