鐵人檔案
分享紀錄自己學習 react 的整個過程，以及自己是如何理解 react 的運作方式。
內容以 react 16.8 之後推出的 hook 寫法搭配 functional component 為主。
也會說明在 react 中常使用的 hook。
其他還會包含一小部分的 npm、webpack 設定，以及其他常見的 react 相關 library。
這篇文章的主要內容 簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...
這篇文章的主要內容 簡單介紹 useRef hook 的使用方法 useRef useRef 是 react 裡面除了 useState 以外另外一個用來儲存...
這篇文章的主要內容 簡單介紹 react forwardRef 跟 useImperativeHandle forwardRef 上一篇介紹的 useRef...
這篇文章的主要內容 簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...
這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...
這篇文章的主要內容 簡單介紹 useLayoutEffect。 useLayoutEffect useLayoutEffect 是另一種版本的 useEffe...
這篇文章的主要內容 簡單介紹什麼是 custom Hook。 Custom Hook 目前為止都是切分畫面把畫面上的內容拆成小元件做處理，在 react 裡面...
這篇文章的主要內容 簡單說明如何透過 Render Props 的方法讓父元件決定子元件要顯示的內容。 Render Props 目前為只都分享了如何把畫面拆...
這篇文章的主要內容 簡單介紹優化 react 的其中一個方法 - memo memo 前面有提到當狀態改變時 react 會 re-render 整個元件，所...
這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useMemo useMemo useMemo 是 react 裡面一個用來讓 react 記...
