iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30天學 React.js 系列

主要會把我目前自己在學習 React.js 的重點整理出來。希望能鞭策自己學習同時,也能把自己遇到的坑經驗跟大家分享

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

[Day1][筆記] 主題規劃

前言 其實 React 眾觀這幾屆其實已經有很多大神寫過文章,那為何我還要出來寫呢?其實就是兩個目的 鞭策自己學習 希望能用自己的口吻解釋給跟我依樣剛剛入門新...

2021-09-16 ‧ 由 chunwen 分享
DAY 2

[Day2][筆記] React.js 常用 的 ES6 語法(1)

前言 React.js 是一套 JavaScript 函式庫,而其寫法也的確如同其字面上意思,寫起來最有 JavaScript 味道。 因此在開始介紹 Reac...

2021-09-17 ‧ 由 chunwen 分享
DAY 3

[Day3][筆記] React.js 常用 的 ES6 語法(2)

前言 延續昨天內容今天繼續介紹常用 ES6 語法。 展開其餘 展開運算符有幾個用途 陣列 展開成個別值 字串拆解成陣列 物件 展開成 key-value...

2021-09-18 ‧ 由 chunwen 分享
DAY 4

[Day4][筆記] React JSX

前言 開始前我們先直接上一段程式碼 const element = <div style= {{ color: red }}>123</div...

2021-09-19 ‧ 由 chunwen 分享
DAY 5

[Day5][筆記] React Component (上)

前言 昨天我們認識了 JSX 語法,透過 JSX 語法我們可以方便地在 JavaScript 中輕鬆撰刻畫 UI 介面。 而今天我們要來認識 React 元件,...

2021-09-20 ‧ 由 chunwen 分享
DAY 6

[Day6] [筆記] React Component (下)

前言 昨天我們知道 Component 是什麼,與其優點。那我們今天就接續介紹在 Component 中使用表達式、以及如何客製化撰寫 Component 。...

2021-09-21 ‧ 由 chunwen 分享
DAY 7

[Day7] [筆記] React Props (上)

前言 前兩天,我們知道了何謂 Component 、 Component 如何撰寫與 React 開發邏輯。而今天我們要進入 React 重頭戲,資料傳遞。我們...

2021-09-22 ‧ 由 chunwen 分享
DAY 8

[Day8] [筆記] React Props (下)

前言 昨天我們了解到如何透過 Props 來傳遞資料給子元件。而今天我們要來認識如何在元件中間包裹內容。 Props.children function Car...

2021-09-23 ‧ 由 chunwen 分享
DAY 9

[Day9] [筆記]React Hooks-UseState、UseEffect

前言 前兩天簡單介紹了 Props 的用法,而今天開始我們要來認識 React Hooks。開始前我們引用官方文件的話來對Hook 做簡單介紹。 Hook 是...

2021-09-24 ‧ 由 chunwen 分享
DAY 10

[Day10] [筆記]React Hooks-useMemo、useCallback

前言 我們昨天介紹了 Hooks 中比較常用的 UseState 跟 UseEffect,那我們今天繼續接著介紹另外一種類型的 Hooks - Memorize...

2021-09-25 ‧ 由 chunwen 分享