iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

I Want To Know React 系列

深入學習前端框架 React 的思維、使用方式、語法與其原理

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文 團隊404 Not Found
DAY 11

I Want To Know React - 初探 Lifecycle

在 初探 State、Class Component State 語法、State 內部運作原理 這三個篇章中介紹了 state 的概念、用法與運作原理。 如果...

2020-09-26 ‧ 由 Henry Chang 分享
DAY 12

I Want To Know React - Lifecycle 階段

回顧 React Lifecycle 在上個章節中,我們了解了 React component instance 的生命週期(Lifecycle)代表一個 co...

2020-09-27 ‧ 由 Henry Chang 分享
DAY 13

I Want To Know React - 處理 Event

如 HTML 一樣,JSX 也提供了處理 DOM event 的方法。就讓我們來了解一下語法吧! JSX 處理 event 語法 JSX 註冊 event 語法...

2020-09-28 ‧ 由 Henry Chang 分享
DAY 14

I Want To Know React - 正確使用 Event handler

在上一篇中介紹了 JSX Event 的使用方式,在本章節我們將近一步了解在 class component 中使用 event handler 的常見問題、對...

2020-09-29 ‧ 由 Henry Chang 分享
DAY 15

I Want To Know React - 條件 render

React 條件 render 使用情境 在撰寫前端頁面時,常常需要根據不同的 props / state 資料顯示不同的 element。 舉例來說,使用者尚...

2020-09-30 ‧ 由 Henry Chang 分享
DAY 16

I Want To Know React - Render list

React render list 使用情境 在撰寫前端頁面常常會需要把 list 中的內容全部顯示到畫面上。 舉例來說,我們可能會需要把一個 list(Arr...

2020-10-01 ‧ 由 Henry Chang 分享
DAY 17

I Want To Know React - 初探 Key

在上一篇中,我們介紹了 React render list 的語法,其中提及了 render React element list 時都必須要加上 key pr...

2020-10-02 ‧ 由 Henry Chang 分享
DAY 18

I Want To Know React - Key & Diff 演算法

回顧 key 在上一篇中,我們介紹了 key 為何,以及如何在 React 中使用 key。 Key 可以想成是 React element list 中每個元...

2020-10-03 ‧ 由 Henry Chang 分享
DAY 19

I Want To Know React - Key 的常見值 & 最佳實踐

回顧 Key 與 Diff 演算法 在上一個篇章中,我們簡介了 key 在 Virtual DOM diff 演算法中扮演的角色。 我們也了解到 key={in...

2020-10-04 ‧ 由 Henry Chang 分享
DAY 20

I Want To Know React - 初探 Form & Controlled component

在這個章節中,我們將介紹在 React 中 form 與 input 相關 element 的使用方式。 然而為何需要把 form 這類的 element 特別...

2020-10-05 ‧ 由 Henry Chang 分享