iT邦幫忙

鐵人檔案

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

讀書筆記&心得:React 思維進化:一次打破常見的觀念誤解,躍升專業前端開發者 系列

這是一個在今年開始買來研讀的【React 思維進化:一次打破常見的觀念誤解,躍升專業前端開發者】一書,紀錄自己讀書心得與筆記,希望內化成自己在學習React時觀念更加釐清。

參賽天數 6 天 | 共 6 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day 1] 前言

在這30天將會來研讀一本由 周昱安(Zet) 前端大大所出版的【React 思維進化:一次打破常見的觀念誤解,躍升專業前端開發者】一書,希望讓工作上用React...

2024-09-01 ‧ 由 yc1996 分享
DAY 2

[Day 2] 溫習篇!JavaScript ES6 基礎

在開始進入React章節前,書中提到JavaScript必備觀念有哪些,於是就想說利用一段小實作來複習一下JS基本功: 以下是透過 jsonplaceholde...

2024-09-02 ‧ 由 yc1996 分享
DAY 3

[Day 3] React immutability

在React中,有一個很重要的概念叫做不可變性(immutability)。這個概念在處理狀態(state)和資料時非常關鍵,因為它直接影響到React的渲染(...

2024-09-03 ‧ 由 yc1996 分享
DAY 4

[Day 4] 從jsx模板中學習甚麼是表達式

今天我們來學習一個範例:當我們從 API 獲取一段資料,或是從陣列中渲染一個列表到 DOM 上時,該如何操作。 const dataArray = [ {...

2024-09-04 ‧ 由 yc1996 分享
DAY 5

[Day 5] function Component 生命週期

Mounted(掛載):元件首次渲染到 DOM 中。Update(更新):元件的狀態或 props 改變,觸發重新渲染。UnMounted(卸載):元件從 DO...

2024-09-05 ‧ 由 yc1996 分享
DAY 6

[Day 6] Jsx是啥?

JSX(JavaScript XML)是 React 中用來描述 UI 結構的一種語法擴展。它讓你可以在 JavaScript 中直接撰寫類似 HTML 的標記...

2024-09-06 ‧ 由 yc1996 分享