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