react

必備 React 套件 - useHooks
開發 React 專案一定多多少少要用到 hooks, 除了有些能改善效能之外，很大一部分也可以讓 React 專案的程式碼更加簡潔、更好維護😎 useHooks 是由 ui.dev 團隊開源的 React hooks 大補帖，裡面有各種實…
- 2023 年 8 月 17 日
免費課程 - React with TypeScript Tutorial
React with TypeScript Tutorial 是一個教你怎麼用 TypeScript 寫 React 的免費課程，這個課程比較適合 React 以及 TypeScript 已經有些程度的人，課程分為 3 個大章節，每個小節…
- 2023 年 5 月 11 日
SWR - 輕鬆完成資料載入(Data fetching)的 React 套件
SWR 是我跟 ChatGPT 商討一些功能實作時，發現由 Vercel 團隊（知名的 Next.js 開發團隊）所開源的 React 套件，可以幫我們輕鬆完成 React 頁面載入之前需要呼叫 API 拿資料的任務。以往這種事情都要在…
- 2023 年 5 月 7 日
如何逃離 React useState 地獄
嚴格說起來，我應該不算前端工程師，只是會寫一點點 React 而已。不過，我遇到的問題卻也很實際，就是隨著 state 越來越多，你的 code 裡面會有一堆 useState(...) ，這叫 useState hell ，看了真的會很…
- 2023 年 4 月 21 日
Airbnb 的視覺化圖表元件庫 - visx
每次看到別人做出很棒的視覺化圖表時，不僅覺得好美好有意境，還會充滿敬佩！心想哪天我要是也能如此有創意就好了！想不到 Airbnb 超級佛心把各種視覺畫圖表元件庫 visx 開源出來，讓人可以比較輕鬆地做出驚人的視覺化圖表， visx 底層…
- 2023 年 4 月 7 日
從零開始的 React 教學 Part 6 - React.memo
從零開始的 React 教學 Part 5 - PureComponent 中提到 PureComponent 透過 shallow comparison 加速比較 props / state 的速度，為 React 應用(applicat…
- 2022 年 10 月 13 日
- ReactJS 前端框架
從零開始的 React 教學 Part 5 - PureComponent
從零開始的 React 教學 Part 3 - Class Components 一文介紹 Class Components, React 讓開發者們透過繼承 React.Component 類別並且實作少數方法就能夠實作 React 元件…
- 2022 年 10 月 5 日
- ReactJS 前端框架
從零開始的 React 教學 Part 4 - Functional Components
先前的文章中都是以 class 形式製作 React 組件(component)，但對於一些不需要狀態(state)的組建而言，使用 class 製作 React 組件不免有點多餘。所幸對於這種單純的組件，可以使用 function 進行開…
- 2022 年 10 月 2 日
- ReactJS 前端框架