작성자 affaan-m
frontend-patterns는 React와 Next.js 프론트엔드 개발에 실용적인 스킬로, 컴포넌트, 상태, 폼, 라우팅, 접근성, 성능에 대해 유지보수하기 좋은 패턴을 선택하도록 도와줍니다. 단순한 일반 모범 사례가 아니라 명확한 구현 가이드와 패턴 선택이 필요할 때 frontend-patterns 가이드를 활용하세요.
작성자 affaan-m
click-path-audit 스킬은 모든 상태 변화를 따라 UI 핸들러 흐름을 추적해, 리팩터링 이후나 코드 리뷰 중에 발생하는 순서 버그, 공유 상태 충돌, 최종 상태 불일치를 찾아내는 데 도움을 줍니다.
작성자 wshobson
react-state-management는 상태 유형, 앱 규모, 마이그레이션 필요성에 따라 Redux Toolkit, Zustand, Jotai, React Query, SWR, RTK Query 같은 React 상태 관리 도구를 선택하고 활용할 수 있게 돕는 실용적인 스킬입니다.
작성자 microsoft
zustand-store-ts는 TypeScript 중심의 Zustand 스킬로, `subscribeWithSelector`를 활용한 타입 안전한 스토어, state/actions 분리, 셀렉터 기반 사용 패턴을 만드는 데 적합합니다. 공유 상태를 예측 가능하게 관리하고, 스토어 경계를 깔끔하게 나누며, React 앱에서 재사용 가능한 zustand-store-ts 가이드가 필요할 때 Frontend Development용 zustand-store-ts에 잘 맞습니다.
작성자 microsoft
react-flow-node-ts는 TypeScript로 커스텀 React Flow 노드를 만들기 위한 실용적인 시작용 스킬입니다. 타입이 지정된 노드 데이터, handle, Zustand 기반 업데이트를 다루며, Frontend Development에서 워크플로 편집기, 비주얼 빌더, 캔버스 기반 UI처럼 반복 가능한 react-flow-node-ts 가이드가 필요할 때 유용합니다.
작성자 alinaqi
react-web은 hooks, React Query, Zustand를 활용해 컴포넌트와 페이지를 만드는 React 프론트엔드 워크플로 가이드입니다. 이 react-web 스킬은 테스트 우선 개발, 명확한 파일 순서, 그리고 컴포넌트가 많은 React 웹 앱에서 바로 쓸 수 있는 실용적 사용법을 강조합니다.
