iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

【現在學React還來得及嗎?】30天Takeaway分享 系列

以React官方教學為主,從Components由簡入深,跟隨作者在重點整理中一同成長。

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

【Day1】源起與基本觀念

前言 且說前陣子在半路咖啡和Bar手搭話時,聊到設計出身的他現在正職是寫Vue。我一面吞下遞過來的Tequila,一面想著多年前大概料不到自己會主動找人談Cod...

2024-08-05 ‧ 由 haruowang 分享
DAY 2

【Day2】Components & JSX

我們主要會經由React的官方教學進行學習。 如果在挑戰環節中實作到有趣的題目,也會透過線上IDE分享給大家,方便快速上手。目前主要會採用CodeSandbox...

2024-08-06 ‧ 由 haruowang 分享
DAY 3

【Day3】Props

Takeaway HTML標籤的props是訂好的,但傳給組件的props可以自定義 在子組件中,可以像讀取參數一樣讀取來自父組件的props 例如funct...

2024-08-07 ‧ 由 haruowang 分享
DAY 4

【Day4】Render

Takeaway JSX不是實例 let + if雖然冗長但靈活 &&也可以做條件渲染 寫成{count > 0 &&...

2024-08-08 ‧ 由 haruowang 分享
DAY 5

【Day5】Pure Functions & UI Tree

Takeaway 嚴格模式:會調用每個組件函數兩次,確保結果一致 Mutation:更改預先存在的變數 Local mutation:在父組件裡更改是ok的...

2024-08-09 ‧ 由 haruowang 分享
DAY 6

【Day6】Events

這段比起學React,更像是在複習JS和瀏覽器的互動呢。事件屬性除了等下會介紹的e.eventPhase,還有熟悉的e.preventDefault以及能自動觸...

2024-08-10 ‧ 由 haruowang 分享
DAY 7

【Day7】State1

Takeaway State:隨時間而變化,不能藉由現有資料計算出來 決定State放在哪:找到用State的組件們,再找它們的共同父組件 更改區域變數不會觸...

2024-08-11 ‧ 由 haruowang 分享
DAY 8

【Day8】State2

Takeaway 渲染時傳回的JSX被形容為是Snapshot快照,會固定State的值 React會等事件處理函數運作完才更新State,這被稱作Batch...

2024-08-12 ‧ 由 haruowang 分享
DAY 9

【Day9】State3

Takeaway 嵌套裡的物件用展開語法會寫成像這樣:...person.artwork 被嵌套的物件看似像被嵌套,但其實狀態上有點像淺拷貝 讓嵌套裡的物件可...

2024-08-13 ‧ 由 haruowang 分享
DAY 10

【Day10】State managing 1

“React stands at the intersection of design and computer science, so both of th...

2024-08-14 ‧ 由 haruowang 分享