iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

為期 N 天的 react 小冒險 系列

學如逆水行舟,不進則退
退步了兩年的我早就把概念都忘光啦T_T
跟我一起從頭開始菜鳥的 React 大冒險吧(誤

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

時間是2022,重新回到React的世界QQ

學如逆水行舟,不進則退工作中沒使用的技術早就全還回去了~退惹兩三年的我決定重新開始這次的鐵人賽,順便複習以前學習過的概念xd 基本上之前(兩年前)已經稍微寫了一...

2022-09-15 ‧ 由 dc88 分享
DAY 2

快速複習一下 react 中常用的 js (Callback function/ Destructuring assignment)-day2

溫習 react 之前,先複習一些常用的 js 知識避免消化不良囉 callback function destructuring callback fun...

2022-09-16 ‧ 由 dc88 分享
DAY 3

快速複習一下 react 中常用的 js-day3(array method / arrow function)

接下來快速回顧一下常用的陣列方法 array method(map/forEach/filter) .map() 會回傳一個將原陣列傳進 callback fu...

2022-09-17 ‧ 由 dc88 分享
DAY 4

React 中的元件 class component vs functional component-day4

關於建構基本環境在之前的鐵人賽寫過了,時至今日仍然沒有太多差異可以參閱 react 大冒險-來建立 React 專案的環境吧-day 6 環境內的資料夾結構也不...

2022-09-18 ‧ 由 dc88 分享
DAY 5

props vs state 兩者差異-day5

經過 day4 的說明,我們知道 react 中有兩種 component要讓 component 彼此間互相互動,共同使用一些資料,則要借助 props &a...

2022-09-19 ‧ 由 dc88 分享
DAY 6

傳遞 props 的方法 / props.children / 設置 props 預設值 -day6

props 的傳入方法 在 class component 中的話要先呼叫建構子(constructor)並執行 super()將 props 作為引數(arg...

2022-09-20 ‧ 由 dc88 分享
DAY 7

這批函式純不純 pure function vs impure function-day7

在 react hooks 前,先了解一下所謂的 pure function 跟 side-effect(副作用)(該不會真的最後30天都是在寫 javascr...

2022-09-21 ‧ 由 dc88 分享
DAY 8

react hook fundamental-day8

昨天快速說明了如何分辨 pure function 及何謂 side-effect 的概念,今天轉回來談 react hook react hook的產生 簡言...

2022-09-22 ‧ 由 dc88 分享
DAY 9

useState / useEffect / useContext -day9

來說明一下基本 react hook 的用法 useState 的功能及用法 管理 state,回傳 stateful 的值與更新該 state 的函式 con...

2022-09-23 ‧ 由 dc88 分享
DAY 10

用react hook寫一個倒數計時器吧-上-day 10

歷經了前面的摧殘(?)是不是都快睡著了呢 ZZZ今天來用目前學到的所有來寫一個倒數計時器吧XD 這邊在 codesandbox 中建置這個微型專案首先先建立一個...

2022-09-24 ‧ 由 dc88 分享