React Doctor

以確定性靜態分析找出 React 程式碼風險的 CLI 工具。

前往 React Doctor 官方網站

這是什麼

React Doctor 是掃描 React 程式碼的 CLI，可找出複雜函式、重複 JSX，以及正確性、效能、安全性、可及性與可維護性的風險。

為何推薦

它把程式碼層級的檢查放在開發與 code review 階段。團隊可將結果納入 pull request，及早發現相對於主分支的新問題。

適合誰

使用 React 的團隊，尤其是想讓 AI coding agent 或 review 流程有明確檢查基準的人。

常用情境

  • 在 pull request 中檢查新引入的 React 程式碼問題
  • 找出可拆分的複雜元件與重複 JSX
  • 為 agent 修改後的 React 程式碼建立可重複的檢查

Diffchecker

貼上原始與修改後的文字，以雙欄標示查看新增、刪除與修改的位置。

  • text
  • diff
  • code-review

網頁工具

React Scan

自動標示 React app 中造成效能問題元件的瀏覽器工具。

  • react
  • performance
  • debugging

網頁工具

gltfjsx

用命令列工具把 glTF 或 GLB 模型產生為可重用的 React Three Fiber 元件。

  • gltf
  • react
  • threejs

glTF