총 139건 · 필터: AI KIT
`.sort()`는 배열을 제자리에서 변형시켜 React 상태와 소품에 버그를 일으킬 수 있습니다. `.toSorted()`를 사용하여 돌연변이 없이 새 정렬 배열을 만듭니다.
React의 `<Activity>`를 사용하여 가시성이 자주 전환되는 고가의 구성 요소에 대해 상태/DOM을 보존하세요.
`React.cache()`는 하나의 요청 내에서만 작동합니다. 순차 요청 간에 공유되는 데이터(사용자가 버튼 A를 클릭한 다음 버튼 B를 클릭)의 경우, LRU 캐시를 사용하세요.
React 서버 구성 요소는 트리 내에서 순차적으로 실행됩니다. 데이터 가져오기를 병렬화하기 위해 구성을 재구성합니다.
React Server/C라이언트 경계는 모든 객체 속성을 문자열로 직렬화하여 HTML 응답 및 후속 RSC 요청에 포함시킵니다. 이 직렬화된 데이터는 페이지 무게와 l에 직접적인 영향을 미칩니다
Three.js와 React Three Fiber를 사용한 리모션의 3D 콘텐츠.
리모션을 위한 모범 사례 및 포괄적인 가이드 - 애니메이션, 작곡 및 미디어 처리와 함께하는 React의 프로그램적 비디오 제작
Three.js와 React Three Fiber를 사용한 리모션의 3D 콘텐츠.
리모션을 위한 모범 사례 - React에서 비디오 제작
ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python을 사용하여 확장 가능하고 유지 관리 가능한 시스템을 설계하는 포괄적인 소프트웨어 아키텍처 기술. 아키텍처 다이어그램 생성, 시스템 설계 패턴, 기술 스택 의사 결정 프레임워크 및 de를 포함합니다
ReactJS, NextJS, TypeScript, Tailwind CSS를 사용하여 최신 성능의 웹 애플리케이션을 구축하는 포괄적인 프론트엔드 개발 기술. 구성 요소 스캐폴딩, 성능 최적화, 번들 분석 및 UI 모범 사례를 포함합니다. 프론트엔드 기능을 개발하고 성능을 최적화할 때 사용하세요,
React, Next.js, Node.js, GraphQL 및 Postgre를 사용하여 완벽한 웹 애플리케이션을 구축하는 포괄적인 풀스택 개발 기술SQL. 프로젝트 스캐폴딩, 코드 품질 분석, 아키텍처 패턴 및 완전한 기술 스택 가이드를 포함합니다. 새 프로젝트를 구축하고 코드 품질을 분석할 때 사용
ReactJS, NextJS, NodeJS 애플리케이션의 품질 보증, 테스트 자동화 및 테스트 전략을 위한 포괄적인 QA 및 테스트 기술. 테스트 스위트 생성, 커버리지 분석, E2E 테스트 설정 및 품질 지표를 포함합니다. 테스트 전략 설계, 테스트 사례 작성, 구현 시 사용
Shopify 앱 개발을 위한 전문가 패턴에는 리믹스/React 라우터 앱, 앱 브리지가 포함된 임베디드 앱, 웹훅 처리, 그래프QL 관리 API, 폴라리스 구성 요소, 청구 및 앱 확장이 포함됩니다. 사용 시기: 쇼핑 앱, 쇼핑 앱, 임베디드 앱, 폴라리스, 앱 브리지.
UI/UX 디자인 인텔리전스. 스타일 50개, 팔레트 21개, 글꼴 페어링 50개, 차트 20개, 스택 9개(React, Next.js, Vue, Svelte, Swift)UI, React 네이티브, 플러터, 테일윈드, shadcn/UI). 행동: 계획, 구축, 생성, 설계, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링, UI/UX 코드 확인. 프로젝트:
Claude Code 템플릿 컴포넌트 시스템을 위한 전문 Claude Code 에이전트를 만들 때 이 에이전트를 사용하세요. 에이전트 설계, 신속한 엔지니어링, 도메인 전문성 모델링 및 에이전트 모범 사례를 전문으로 합니다. 예시: <example> 문맥: 사용자가 새로운 전문 에이전트를 만들고자 합니다. 사용자: 'I n
복잡한 상태 관리, RxJS 패턴 최적화, 마이크로 프론트엔드 시스템 설계, 대규모 코드베이스에서 성능 및 확장성 문제를 해결할 때 엔터프라이즈 Angular 15+ 애플리케이션을 설계할 때 사용하세요. 구체적으로: <example> 컨텍스트: 200콤포 이상의 대규모 Angular 애플리케이션
종속성을 감사하고, 버전 충돌을 해결하며, 번들 크기를 최적화하거나, 자동화된 종속성 업데이트를 구현해야 할 때 이 에이전트를 사용하세요. 구체적으로:\n\n<example>\n문맥: 프로젝트의 종속성 트리에 보안 취약점이 누적되어 즉시 복구가 필요합니다
데이터베이스, API, 프론트엔드 레이어를 결합하여 통합 단위로 전체 기능을 구축해야 할 때 이 에이전트를 사용하세요. 구체적으로:\n\n<example>\n문맥: 사용자는 데이터베이스 스키마, API 엔드포인트, 프론트엔드가 필요한 웹 애플리케이션을 위한 새로운 사용자 인증 시스템을 구축하고자 합니다
엔터프라이즈 Java 아키텍처를 설계하거나, 스프링 부트 애플리케이션을 마이그레이션하거나, 확장 가능한 클라우드 네이티브 시스템을 위한 마이크로서비스 패턴을 설정할 때 이 에이전트를 사용하세요. 구체적으로:\n\n<example>\n문맥: 팀은 모놀리식 스프링 애플리케이션을 적절한 서비스를 통해 마이크로서비스로 리팩터링해야 합니다