iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

React 30 天學習歷程 系列

公司之前的開發有使用 React,當時雖然有在案子中幫忙,但多數都是處理 layout 的部分,對於 React 其實並沒有深入了解,希望透過這次自我挑戰,讓自己更加了解 React。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First
DAY 21

【Day 21】React 中請求遠端資料

元件內請求資料 通常只有在產品功能比較簡單的情況下才會在元件內進行遠端資料的請求,因為功能複雜的產品,往往請求的 API 也比較多且複雜,若在元件內處理,會讓元...

2020-10-04 ‧ 由 gigd123 分享
DAY 22

【Day 22】遠端資料請求方式以及 API 統一管理

遠端資料請求的方式有幾種,早期通常是透過原生 AJAX 或是 jQuery 包裝後的 AJAX 來請求資料,現在大多是使用 fetch 或 axios,兩者差別...

2020-10-05 ‧ 由 gigd123 分享
DAY 23

【Day 23】React 的高級特性

Reac.memo React.memo 是一個高階組件,主要用於優化性能,跟 PureComponent 類似,差別在於 PureComponent 是用於包...

2020-10-06 ‧ 由 gigd123 分享
DAY 24

【Day 24】React Hook(一): Hook 簡介 及 useState、useEffect 使用

React Hook 是 React 16.8 中新增的功能,它解決了以下幾個問題: 讓開發者不必使用 class 也能使用 state 和 React 其他...

2020-10-07 ‧ 由 gigd123 分享
DAY 25

【Day 25】React Hook(二): Context 和 useContext

Context 在介紹 useContext 之前,得先介紹 Context。Context是 React 用來處理資料全域共享的一個 API,它還可以避免需要...

2020-10-08 ‧ 由 gigd123 分享
DAY 26

【Day 26】React Hook(三): useReducer

useReducer 是 useState 的一個替代方案,用於處理比較複雜的狀態,或是裡面有多個屬性的 state,類似於 redux 中的 reducer,...

2020-10-09 ‧ 由 gigd123 分享
DAY 27

【Day 27】React Hook(四): 其他 React Hook 的語法

useMemo useMmo 是用來優化性能的,他利用函式的回傳值來判斷元件是否需要重新渲染,可以用在比較複雜的邏輯處理上。它接受兩個參數,第一個是 callb...

2020-10-10 ‧ 由 gigd123 分享
DAY 28

【Day 28】React Hook(五): 自定義 Hook 及 使用 Hook 的一些規則

自訂義 Hook 自定義 Hook 其實是用 JS 函式搭配 React Hook 封裝成一個有特定用途或是重複使用邏輯的函式,名稱要有 use,這個函式內也可...

2020-10-11 ‧ 由 gigd123 分享
DAY 29

【Day 29】適合和 React 搭配的第三方套件

lodash lodash 是一個 JS library,它提供了很多函式讓開發者可以更方便的去處理 JS 中的 array、object,有時候效能甚至比原生...

2020-10-12 ‧ 由 gigd123 分享
DAY 30

【Day 30】感言

【Day 30】感言 這是第一次參加 iT鐵人賽,很感謝 Red 的邀請,讓我有機會加入 Outcome First 團隊一起參加團體賽,也感謝團長 TD 及所...

2020-10-13 ‧ 由 gigd123 分享