javascript-react
✓專家級 JavaScript 和 React 開發。當被要求（1）編寫需要高級模式（如閉包、代理、生成器或異步迭代器）的 JavaScript 代碼時使用，（2）使用鉤子、上下文、懸念或服務器組件構建 React 應用程序，（3）優化 JavaScript/React 性能，（4）實現複雜的狀態管理，（5）使用高級類型模式編寫 TypeScript，或者當諸如“React 組件”、“JavaScript 函數”、“TypeScript”、“鉤子”、“狀態管理”、“前端”等短語時使用出現“網絡應用程序”。
SKILL.md
Write modern, performant, type-safe JavaScript and React code following current best practices.
See references/performance.md for comprehensive optimization strategies.
| Unnecessary re-renders | React.memo, useMemo, useCallback | | Large bundle size | Code splitting, React.lazy, tree shaking | | Slow lists | Virtualization (@tanstack/react-virtual) | | Layout thrashing | useLayoutEffect, batch DOM reads | | Memory leaks | Cleanup in useEffect, AbortController |
專家級 JavaScript 和 React 開發。當被要求（1）編寫需要高級模式（如閉包、代理、生成器或異步迭代器）的 JavaScript 代碼時使用，（2）使用鉤子、上下文、懸念或服務器組件構建 React 應用程序，（3）優化 JavaScript/React 性能，（4）實現複雜的狀態管理，（5）使用高級類型模式編寫 TypeScript，或者當諸如“React 組件”、“JavaScript 函數”、“TypeScript”、“鉤子”、“狀態管理”、“前端”等短語時使用出現“網絡應用程序”。 來源：jaredlander/freshbooks-speed。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jaredlander/freshbooks-speed --skill javascript-react- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 javascript-react？
專家級 JavaScript 和 React 開發。當被要求（1）編寫需要高級模式（如閉包、代理、生成器或異步迭代器）的 JavaScript 代碼時使用，（2）使用鉤子、上下文、懸念或服務器組件構建 React 應用程序，（3）優化 JavaScript/React 性能，（4）實現複雜的狀態管理，（5）使用高級類型模式編寫 TypeScript，或者當諸如“React 組件”、“JavaScript 函數”、“TypeScript”、“鉤子”、“狀態管理”、“前端”等短語時使用出現“網絡應用程序”。 來源：jaredlander/freshbooks-speed。
如何安裝 javascript-react？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jaredlander/freshbooks-speed --skill javascript-react 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jaredlander/freshbooks-speed
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01