react-state-orchestration
React Query + Zustand Clean Architecture Patterns
State management architecture for React/Next.js applications using TanStack Query v5 and Zustand 5.
The Boundary
React Query cache ─── server state (single source of truth)
useState ─── local form / ephemeral component state
Zustand ─── client-only UI state (NO server mirrors)
The anti-pattern this replaces:
API → React Query → useEffect hydration → Zustand items[] → Components
fetch mirror store read
This pattern creates two sources of truth, requires sync*ToStore() indirection,
More from datamktkorea/agent-skills
git-commit
A skill for writing Git commit messages. It follows rules combining Conventional Commits and Gitmoji to maintain a consistent commit history.
12git-pull-request
This skill is used by the AI agent to automatically generate Pull Request (PR) content by analyzing Git commit logs and branch strategies. It activates when the user requests to "Create a PR," "Summarize changes," or specifies a commit range for documentation.
9readme-writing
A skill for writing and optimizing a project's README.md file in accordance with standard conventions and templates. It ensures compliance with standards and maintains documentation quality when creating, reviewing, or refactoring project documentation. This skill is triggered during tasks related to README generation and documentation updates.
6fastapi-best-practices
A skill for following best practices when developing FastAPI applications. It covers guidelines for project structure, code organization, and common patterns to ensure maintainable and scalable FastAPI projects.
3write-meeting-notes
Writes structured meeting notes for team meetings. Use this skill whenever the user provides meeting content — a transcript, script, audio file path, or rough notes — and wants it turned into a proper meeting record. Trigger on phrases like "회의록 써줘", "미팅 노트 정리해줘", "회의 내용 정리", "write meeting notes", or when a user pastes a meeting transcript and says "이거 회의록으로 만들어줘". Also trigger when the user shares a meeting recording or file and asks to summarize or document it.
1