iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Re: 新手讓網頁 act 起來 系列

希望能夠藉由鐵人賽,來記錄一下學習 React 的過程。

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

Re: 新手讓網頁 act 起來: Day21 - useReducer vs useState

前天我們介紹了 useReduecer 的基本使用方式,跟 useState 相比起來複雜許多,那究竟為什麼需要有 useReducer 呢?什麼樣的情況下適合...

2021-10-06 ‧ 由 Will 分享
DAY 22

Re: 新手讓網頁 act 起來: Day22 - React Hooks 之 useCallback

前言 useCallback 常常會被用來優化效能,減少 React 不必要的 render ,但如果沒有好好理解它,濫用 useCallback 的話反而會導...

2021-10-07 ‧ 由 Will 分享
DAY 23

Re: 新手讓網頁 act 起來: Day23 - useCallback 與 React.memo

昨天介紹了 useCallback 的基本使用方式。今天來介紹如何使用 useCallback 與 React.memo 來減少 render 次數。 首先,先...

2021-10-08 ‧ 由 Will 分享
DAY 24

Re: 新手讓網頁 act 起來: Day24 - React Hooks 之 useMemo

前言 昨天我們介紹過如何使用 React.memo 與 useCallback 來做效能優化,而 useMemo 這個 hook 一樣也是用來優化效能的,今天就...

2021-10-09 ‧ 由 Will 分享
DAY 25

Re: 新手讓網頁 act 起來: Day25 - useMemo 和 useCallback

前言 在前面幾天介紹了使用了 useCallback 或 useMemo 來做效能優化,不知道會不會有人跟我一樣,在剛瞭解完這兩個 hooks,就想說之後我在...

2021-10-10 ‧ 由 Will 分享
DAY 26

Re: 新手讓網頁 act 起來: Day26 - React Hooks 之 useLayoutEffect

前言 在之前我們介紹過 useEffect hook ,今天介紹的 useLayoutEffect 其實大部分的功能跟 useEffect 一樣,我可以將 si...

2021-10-11 ‧ 由 Will 分享
DAY 27

Re: 新手讓網頁 act 起來: Day27 - React Hooks 之 useImperativeHandle 與 React.forwardRef

前言 在 React hooks 中 useImperativeHandle 是一個相對較少使用的 hook,且使用它的時候也必須搭配著 React.forwa...

2021-10-12 ‧ 由 Will 分享
DAY 28

Re: 新手讓網頁 act 起來: Day28 - Error boundary

前言 在開發的過程中,難免會有些疏失而導致程式出現錯誤,最終畫面呈現一片空白。而在 React 中,我們可以利用 Error boundary (錯誤邊界) ,...

2021-10-13 ‧ 由 Will 分享
DAY 29

Re: 新手讓網頁 act 起來: Day29 - React hooks 之 Custom hook

前言 Custom hook 讓我們可以將 component 的邏輯提取出來到一個 function 中,讓我們可以重複的使用它,甚至運用在不同的 compo...

2021-10-14 ‧ 由 Will 分享
DAY 30

Re: 新手讓網頁 act 起來: Day30 - React hooks 之 useDebugValue

前言 今天要介紹最後一個 React hook - useDebugValue ,它也是個較少使用的 hook ,且它的使用必須搭配 React dev too...

2021-10-15 ‧ 由 Will 分享