系列文章
【Day 21】React 渲染機制
我們都知道使用 React 讓我們的應用可以擁有非常好的效能，但背後裡 React 到底幫我們做了哪些努力呢？今天就來初探一下 React 的渲染機制！ 當我們...
【Day 22】React.memo
昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與 前一次 state 來...
【Day 23】useMemo
昨天 React.memo 比較像是針對 component 做 memorization，今天要介紹的 useMemo 這個 hooks 則是可以對函式實作...
【Day 24】 useRef
useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單，直接來看範例吧： import React, { useRef } from...
【Day 25】useCallback - 學會把函式記起來
不知不覺來到第 25 天了，本來預計是要用小專案作結的，沒想到意外的忙碌啊，所以剩下的幾天就決定介紹一些我原本也不熟悉或不常使用的特性，學習的同時也盡量內化並記...
【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks
從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？ 先來看看我找到的一段對 cu...
【Day 27】Redux middleware - redux-thunk
還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...
【Day 28】React 的好搭檔 - Material UI && Recharts
鐵人賽進入尾聲了，基礎也都帶過了，最後就來介紹一些自己在寫 React 時常搭配的套件吧。 Material UI Material UI官網 這個函式庫針對...
【Day 29】跟 react 似乎沒有直接關聯 - 發佈自己的 npm module
最近剛好研究了一些新東西，覺得很有趣與實用於是決定放上來與大家分享 有用過 npm 的人（JS 開發者必備工具吧）應該都了解他的強大吧，需要什麼套件幾乎都可以透...
【Last Day】完賽心得
沒想到就這樣成功完成鐵人挑戰了，這次是第一次參加，所以原先的目標就是能夠成功完賽，３０天其實還滿難的，尤其在原本沒有庫存文章的情況下，每天都要花大概1小時以上的...