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", "후크", "상태 관리"와 같은 구문이 필요한 경우에 사용합니다. "프런트엔드", "웹 앱"이 나타납니다. 출처: jaredlander/freshbooks-speed.

원본 보기