#React

共 10 篇

除了 React 之外的框架都在走 signal 的心智模型。但事實證明，成功的產品不需要優秀的工程實作，它需要的是市場聲量和穩定。

React 更新了，React 19.2 ！其中我最在意的功能莫屬 useEffectEvent 。一直以來 react 在下傳 function 時要去掛勾 useEffect 常常造成不必要的更新，這不是用 useCallback

包 useMemo 比較好讀，還是用 IIFE 比較好讀？這個萬年話題在 React Compiler 還沒普及之前，依然逃不過要花心思優化 memo。

Shadcn UI 現在幾乎成了前端的優先選型，老實說有點疲乏。Headless 帶來極強的可修改性，但也帶來閱讀負擔——工程師永遠在彈性和效率之間取捨。

事件要清除、外部狀態要恢復，大家都知道。但 Promise 的 callback 嚴格說也是一種 event callback，那是不是也該 cleanup？

很多人把 Tanstack Query 當成打 API 的工具，那太狹隘了。useQuery 是「Resource 的非同步狀態同步機」，useMutation 是「非同步方法的狀態管理機」。

用過 vue-router 之後，其他路由系統我都覺得難用。這篇列出 react-router-dom v6 讓我卡住的地方：不建議操作 Router 實體、沒有導航攔截、無法針對 route id 導向。

元件掛載時打 API 很常見，但元件被卸載後 callback 並不會中止，還是會把非同步跑完，執行「不需要的行為」。趕快檢查你的元件有沒有好好清理。

前些陣子在社群上討論了一個話題，「哪一個 UI 框架好用？」這件事。基本上在 React 的生態系中，毫無疑問的是對應 Material Design 的 mui，和對應 Ant Design 的 antd。有 Google 和螞蟻金服兩

useMemo 到底該不該用，吵了這麼久卻沒人拿出數字。我直接用 console.time 壓測十萬量級的迴圈、useMemo、Virtual Node 與 DOM 掛載，把真正的效能大戶找出來。