총 139건 · 필터: AI KIT
종속성 배열에 추가하지 않고도 콜백의 최신 값에 액세스할 수 있습니다. 오래된 닫힘을 피하면서 효과 재실행을 방지합니다.
API 경로와 서버 작업에서는 아직 기다리지 않더라도 즉시 독립적인 작업을 시작하세요.
`await` 작업을 실제로 사용되는 지점으로 이동하여 불필요한 코드 경로를 차단하지 않도록 하세요.
부분 종속성이 있는 연산의 경우, 병렬성을 최대화하려면 `better-all`를 사용하세요. 각 작업은 가능한 한 가장 빠른 순간에 자동으로 시작됩니다.
비동기 연산에 상호 의존성이 없는 경우, `Promise.all()`를 사용하여 동시에 실행하세요.
JSX를 반환하기 전에 비동기 구성 요소에서 데이터를 기다리는 대신, 서스펜스 경계를 사용하여 데이터가 로드되는 동안 래퍼 UI를 더 빠르게 표시하세요.
사용하지 않는 수천 개의 모듈을 로드하지 않으려면 배럴 파일 대신 소스 파일에서 직접 가져옵니다. **배럴 파일**는 여러 모듈(예: `index.js`)을 다시 내보내는 진입점입니다
기능이 활성화된 경우에만 대용량 데이터나 모듈을 로드하세요.
분석, 로깅 및 오류 추적은 사용자 상호작용을 차단하지 않습니다. 수분 공급 후에 로드하세요.
`next/dynamic`를 사용하여 초기 렌더링 시 필요하지 않은 큰 구성 요소를 느리게 로드하세요.
인식된 지연 시간을 줄이기 위해 필요하기 전에 무거운 번들을 미리 로드하세요.
컴포넌트 인스턴스 간에 글로벌 이벤트 청취자를 공유하려면 `useSWRSubscription()`를 사용하세요.
SWR은 구성 요소 인스턴스 간에 요청 중복 제거, 캐싱 및 재검증을 가능하게 합니다.
한 번에 하나씩 스타일을 변경하지 마세요. 브라우저 리플로우를 최소화하기 위해 클래스 또는 `cssText`를 통해 여러 CSS 변경 사항을 함께 그룹화하세요.
렌더링 중 동일한 입력으로 동일한 함수가 반복적으로 호출될 때 모듈 수준 맵을 사용하여 함수 결과를 캐시합니다.
핫 경로에서 캐시 객체 속성 조회.
`localStorage`, `sessionStorage`, and `document.cookie` are synchronous and expensive. 캐시는 메모리에서 읽습니다.
여러 `.filter()` 또는 `.map()`가 배열을 여러 번 반복 호출합니다. 하나의 고리로 결합하세요.
결과가 불필요한 처리를 건너뛰었다고 판단되면 조기에 반환하세요.
렌더 내부에서 RegExp를 생성하지 마세요. 모듈 스코프로 호이스트하거나 `useMemo()`로 메모하세요.