javascript-react

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 |

Sviluppo JavaScript e React a livello di esperti. Da utilizzare quando viene richiesto di (1) scrivere codice JavaScript che richiede pattern avanzati come chiusure, proxy, generatori o iteratori asincroni, (2) creare applicazioni React con hook, contesto, suspense o componenti server, (3) ottimizzare le prestazioni JavaScript/React, (4) implementare una gestione complessa dello stato, (5) scrivere TypeScript con pattern di tipo avanzati o quando frasi come "componente React", "funzione JavaScript", "TypeScript", "hook", "gestione dello stato", "frontend", "web App" appaiono. Fonte: jaredlander/freshbooks-speed.