iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

React 從 0.5 到 1 系列

以 React 官方文件(API reference、Advanced Guide)、React team 成員的 blog 為素材,更進一步了解不同情境的處理、寫出更精簡好看的 code,了解網頁前端除了讓網頁動起來之外,該注意到的課題。

參賽天數 15 天 | 共 15 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

[鐵人賽 Day11] React 原始碼的初見面 ——官方 codebase 指南

前言 為了更近一步理解平常使用的 useState, useEffect, memo...等機制的運作,我嘗試下載了 React 的原始碼,沒想到初次見面就讓人...

2021-09-26 ‧ 由 Ikki 分享
DAY 12

[鐵人賽 Day12] 來讀 Hooks FAQ 文件吧! - Hooks 取代 render props 跟 HOC 的用法了嗎?

版本與支援 Hooks 是 React 16.8 版本推出的語法,React Native 則是在 0.59 版本開始支援,讓你不用寫 class co...

2021-09-27 ‧ 由 Ikki 分享
DAY 13

[鐵人賽 Day13] 來讀 Hooks FAQ 文件吧!- Effect dependencies 太常改變,可以做些什麼嗎?

什麼狀況下 code 裡面會看到不新鮮的 props 跟 state? 以下案例在 state 已經更新的狀態下,仍然會取到舊的值。原因是任何在元件內的...

2021-09-28 ‧ 由 Ikki 分享
DAY 14

[鐵人賽 Day14] 來讀 Hooks FAQ 文件-lifecycle methods 如何對照到 Hooks?

lifecycle methods 如何對照到 Hooks? constructor:Function component 不需要使用 constructor...

2021-09-29 ‧ 由 Ikki 分享
DAY 15

[鐵人賽 Day15] 如何分析 memoization 的成效呢?Profiler API

Why Profiler ? Profiler 可以用來測量 React app render 的次數,以及 render 所花費的成本,不過在 product...

2021-09-30 ‧ 由 Ikki 分享