react-expert

SKILL.md

Description This skill provides comprehensive performance optimization guidance for React applications, optimized for AI-assisted workflows in 2026. It focuses on eliminating waterfalls, leveraging the React Compiler, and maximizing both server and client-side efficiency through modern APIs (use, useActionState, ).

| import { Icon } from 'large-lib' | import Icon from 'large-lib/Icon' | | await a(); await b(); | Promise.all([a(), b()]) | | useEffect(() => { fetch(...) }, []) | const data = use(dataPromise) | | const [state, set] = useState(init()) | useState(() => init()) | | array.sort() | array.toSorted() |

| searchParams in component body | searchParams only in callbacks | | Manual useMemo/useCallback (mostly) | Trust React Compiler (but check Rules of React) |

React 19.2 以降のパフォーマンス、React コンパイラー (Forget)、および高度なアーキテクチャ パターンの上級スペシャリスト。再レンダリング、バンドル サイズ、データ取得ウォーターフォール (cacheSignal)、またはサーバー側効率 (PPR) を最適化する場合に使用します。 ソース: yuniorglez/gemini-elite-core。

原文を見る