iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

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

從 0 開始的 React 學習 30天!

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

DAY 01 - 進入這個大秘境之前

任務說明 叮咚!你收到了一份任務! 你即將進入一個秘境,將一步步從 0 開始展開 React 學習之旅,並且透過這 30 天掌握 React 技能 ,最終目標規...

2023-09-16 ‧ 由 karakamin 分享
DAY 2

DAY 02 - React 是什麼

⭐今日任務說明 叮咚!冒險者你好!今天要來我們要來認識 React到底 React 是什麼呢.... React 是什麼 The library for...

2023-09-17 ‧ 由 karakamin 分享
DAY 3

DAY 03 - JSX 與元件

⭐任務說明 在上一個任務中,我們初步先認識了 React ,知道他是一個 Web 函式庫,冒險者是不是對於一些概念有點搞不清楚呢?接著介紹什麼是 元件 ? 什...

2023-09-18 ‧ 由 karakamin 分享
DAY 4

DAY 04 - Import 與 Export 元件

⭐任務說明 上一個任務中學習到可以建立不同的元件,本次任務將學習如何拆分並使用元件 拆解元件 在上一個任務的範例中,我們都把元件都寫在同一個 App.js...

2023-09-19 ‧ 由 karakamin 分享
DAY 5

DAY 05 - React 元件溝通術

⭐任務說明 😸 React 元件間將使用 props 進行互相傳遞溝通,每個父層元件都可以透過 props 傳遞資訊給子元件,其傳遞的內容可以是物件、陣列或是...

2023-09-20 ‧ 由 karakamin 分享
DAY 6

DAY 06 - 有條件的渲染元件

⭐ 任務說明 😸 元件中會依照不同的條件而顯示不同的內容,這一次的任務我們就來看要怎麼執行吧! 條件渲染元件 在前一個任務中,學到元件之間可以透過 prop...

2023-09-21 ‧ 由 karakamin 分享
DAY 7

DAY 07 - 渲染元件進階術

⭐任務說明 😸 今天任務將學習透過 JavaScript 的陣列方法,來把資料變成 React 元件!magic✨ 先來聊聊,什麼時候可能會用到資料陣列?第...

2023-09-22 ‧ 由 karakamin 分享
DAY 8

DAY 08 - 資料驅動元件多點變化

⭐任務說明 😸讓資料驅動元件多點變化! 增加變化 變化指的會是有互動的內容,像是點擊後顯示訊息 我們把昨天的範例稍作修改首先,我們把功能鍵拆分,一個是功...

2023-09-23 ‧ 由 karakamin 分享
DAY 9

DAY 09- 為元件加點狀態

⭐任務說明 😸上一個任務中學習到利用資料驅動畫面,並且拆分元件今天將會學習到使用 React Hook 中的 useState,讓元件擁有狀態! 加點狀態!...

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

DAY 10 - 多次更新的狀態

⭐任務說明 😸學習多次更新同一個狀態 更新同一個狀態 😸會一直更新同個狀態的就先想到計數器了,來簡單實作一下 這邊要做一個點一次 +3 的按鈕後,上面...

2023-09-25 ‧ 由 karakamin 分享