鐵人檔案
內容取自自己在開發中踩過的那些坑，新手向的教學充斥整個網路，再加上 Chat GPT 的輔助，那些基礎的應用不會太困難，但當你正式成為一個合格的新手前端工程師之後，你要如何使自己更加茁壯，就是這系列文章的精神。
junior to senior 應該要思考的細節，例如：hook function detail, Design pattern, 檔案拆分的方式, ...等等；也讓同為 React 前端開發者的新手，能更加清楚認知自己所使用的工具。
前言 這次內容會針對剛成為 React developer 的新手，提供一些提可以升技能的方向，有多少朋友遇到以下的情況呢？通常在一系列的教學文章或是速成班內容...
理解架構和渲染模式 要走出新手村必須了解自己的技能都帶有哪些屬性，以速成班內容來說多半採用React基本的框架，那這類的框架是採用 Single Page Ap...
有多少人從create-react-app換去使用vite了呢？在早期的教學影片當中，常常會看到講師使用create-react-app 開啟新的專案，導致後期...
React講古 要了解 React 除了基礎的概念，了解他們的發展史也是很重要的一環，整個的發展先後順序就如圖面一樣。從圖面可知，本來的 React 就是透過...
複習useState 接著前面所講的，我們將幾個常用的hook都再複習一遍，來解構基礎以外你可能沒發現的細節，那麼我們先從最基礎的 useState 來講起。...
複習useEffect 今天要來聊聊新手時期最痛恨的hook function — useEffect。 useEffect的誕生 首先，讓我們先來了解一下 u...
ref講古 今天來聊聊 useRef 這個比較容易理解的 hook function，這期的內容，多半是我自己使用經驗的總結，也許不是那麼精確，但也多多少少能提...
這次來聊聊進階一點的話題 memo 的應用，在談論這個話題之前我們先來了解 memo 是什麼？ 了解 React.memo React memo 是 React...
Memo解方 今天我們接續前面的問題，大家是否有找到解答了呢？ 如果沒有的話，我會在下面提供兩種做法： 第一種，在 memo 裡面用 callback 告訴...
挑刺 前一篇我們詳細解釋了 useMemo 和 useCallback 的運作原理和邏輯，今天我們就來檢討一些使用不好的例子。 首先，我們都已經知道這兩個 h...
