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 程式碼建立可重複的檢查

React Scan

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

  • react
  • performance
  • debugging

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css