Treat API data as server state and use @tanstack/react-query. The query cache owns fetching, deduplication, stale times, refetching, loading, and error states, so the component reads query data directly instead of copying it into useState. Use mutations to update server data and invalidate or update affected query keys. Keep only genuinely local UI state in useState and reserve Zustand or Redux for client state that is not a cache of the server response.
Scanned 9/5/2026
Install to Claude Code
npx -y skills add HoangNguyen0403/agent-skills-standard --skill react-native-state-management --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React Native State Management?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-state-management-59d138fe)More formats (shields.io, HTML) on the badges page.
Treat API data as server state and use @tanstack/react-query. The query cache owns fetching, deduplication, stale times, refetching, loading, and error states, so the component reads query data directly instead of copying it into useState.
Use mutations to update server data and invalidate or update affected query keys. Keep only genuinely local UI state in useState and reserve Zustand or Redux for client state that is not a cache of the server response.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.