iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

React.js 30 天學習全記錄 系列

第 0 天的我目前只會創建一個 React.js 的檔案,希望完賽的時候能夠跟大家一起搞懂 React.js 的基礎!

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

[ Day 11 ] React 的生命週期 - Mounting

在 Class Component 的章節中我們提到過,它有別於 Function Component 的地方就在於 State 和生命週期( Lifecyc...

2021-09-26 ‧ 由 SuoChan 阿關 分享
DAY 12

[ Day 12 ] React 的生命週期 - Updating

今天要來進入到生命週期的第二個環節: Updating 更新,繼上篇的 Mounting 元件掛載階段中提到過有一個方法是在 Updating 階段也會出現的...

2021-09-27 ‧ 由 SuoChan 阿關 分享
DAY 13

[ Day 13 ] React 的生命週期 - Unmounting

今天終於要進入到生命週期的最後一個階段: Unmounting 了!在元件要被卸載的這個階段會發生什麼事呢? Unmounting 卸載 一個 Compo...

2021-09-28 ‧ 由 SuoChan 阿關 分享
DAY 14

[ Day 14 ] 佳評如潮的 React Hooks

今天總算進入到了 React.js 中大名鼎鼎的 React Hooks 這個章節了! 這樣講可能很浮誇,但是當初在選擇框架學習時我就已經在搜尋引擎當中看到非...

2021-09-29 ‧ 由 SuoChan 阿關 分享
DAY 15

[ Day 15 ] React Hooks 中的 useState

昨天 Day 14 跟大家介紹了 React Hooks 的基本概念之後,今天就要馬上帶大家來看第一個 Hook 函式: useState() 的用法囉~...

2021-09-30 ‧ 由 SuoChan 阿關 分享
DAY 16

[ Day 16 ] React Hooks 中的 useEffect

昨天介紹了在 Function Component 中該如何操作 state 的方法(附上傳送門),今天這篇要來為大家介紹的就是第二個較常用到的 React...

2021-10-01 ‧ 由 SuoChan 阿關 分享
DAY 17

[ Day 17 ] React 中的事件處理

結束了 React Hooks 的章節之後,今天要進入到網頁互動少不了的事件處理部分了。 在 React.js 當中針對 DOM 事件處理的方式和原本 Jav...

2021-10-02 ‧ 由 SuoChan 阿關 分享
DAY 18

[ Day 18 ] 條件 Render - Conditional Rendering

在前面元件以及生命週期的章節中我們提過 render() 這個方法,而且有特別指出它是在 Class Component 所有生命週期當中唯一一個一定要使用的...

2021-10-03 ‧ 由 SuoChan 阿關 分享
DAY 19

[ Day 19 ] 表單中的 Controlled Component

在網站開發時有時候會使用到表單的元件,而表單內大多是採用 input 的欄位來搜集使用者的資料的。因此對於該欄位內的值要如何取用就是我們今天要為大家介紹的內容...

2021-10-04 ‧ 由 SuoChan 阿關 分享
DAY 20

[ Day 20 ] 路由管理 - React Router 1/2

在網頁開發技術蓬勃發展的現今,SPA ( Single Page Application )單頁式應用已經逐漸地取代過往從遠端伺服器載入多筆不同頁面的 MPA...

2021-10-05 ‧ 由 SuoChan 阿關 分享