javascript-react

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」、「フック」、「状態管理」などのフレーズを使用する場合に使用します。 「フロントエンド」「Webアプリ」が表示されます。 ソース: jaredlander/freshbooks-speed。

原文を見る