{"enrichment":{"faq":[{"a":"State Management guides you through approaches for handling application state in React and Next.js. It covers component-level state with useState, global stores using Zustand, URL-based state for shareable filters, server components for database queries, and Context API for app-wide settings. The skill teaches decision frameworks to choose the right pattern for your use case, ensuring efficient state handling across your application.","q":"What is state management and how to manage state effectively?"},{"a":"State Management emphasizes several best practices: use component-level state for isolated concerns, leverage server components for database queries, store shareable data in URLs, apply Context for simple app-wide settings, and use Zustand for complex global stores. The skill also covers performance optimization through selective subscriptions and form handling with React Hook Form to minimize unnecessary re-renders and keep your state architecture clean.","q":"What are the main state management best practices?"},{"a":"State Management covers key tools for React and Next.js applications. Zustand is highlighted for building global stores with minimal boilerplate. React Hook Form handles form state efficiently. Context API works well for simple app-wide settings. The skill teaches you to evaluate these libraries alongside URL-based state and server components, helping you select the right tool based on your application's complexity and requirements.","q":"Which state management tools and libraries should I use?"},{"a":"State Management explores multiple architecture patterns: component-level state for isolated features, centralized state management for app-wide data, URL state for filters and navigation, server-side state via Next.js server components, and form-specific patterns with React Hook Form. The skill provides decision frameworks to match each pattern to your use case, covering everything from simple applications to complex multi-feature systems with performance optimization.","q":"What state management patterns and architecture should I follow?"},{"a":"State Management teaches centralized state implementation using Zustand and Context API. For complex applications, Zustand provides a lightweight store with selective subscriptions to optimize performance. For simpler needs, Context API offers built-in React state sharing. The skill covers store architecture, subscription patterns, and integration with React components, plus strategies for managing side effects and ensuring your centralized state remains maintainable as your app scales.","q":"How do I implement centralized state in my application?"},{"a":"State Management addresses state change handling through multiple approaches: React Hook Form for form state, selective subscriptions in Zustand to prevent unnecessary re-renders, server components for server-side state, and URL parameters for client-side filters. The skill teaches performance optimization techniques, state update patterns, and how to structure your state to minimize re-renders while keeping your application responsive and maintainable.","q":"How can I handle state changes and manage app state efficiently?"}],"shadow_tags":["data-flow-control","reactive-updates","immutable-patterns","state-persistence","predictable-behavior"],"summary_rewrite":"This skill guides you through the full spectrum of state management approaches in React and Next.js, from component-level useState to Zustand-based global stores. You'll learn decision frameworks for choosing the right pattern\u2014whether that's URL state for shareable filters, server components for database queries, or Context for simple app-wide settings. The skill also covers form handling with React Hook Form and performance optimization through selective subscriptions."},"gist":{"api_url":"https://skillfed.io/api/skills/jmsktm/claude-settings/state-management.json","as_of":"2026-01-22","description":"State Management teaches React state patterns from local hooks to Zustand stores. npx skillfed install jmsktm/claude-settings/state-management","install":{"manual":["git clone https://github.com/jmsktm/claude-settings","cp -r claude-settings ~/.claude/skills/state-management"],"primary":"npx skillfed install jmsktm/claude-settings/state-management","version":"49ad3312"},"kind":"skill","mirror_url":"https://skillfed.io/jmsktm/claude-settings/state-management.md","similar":[{"id":"patricio0312rev/skills/zustand-state-builder","name":"zustand-state-builder","publisher":"patricio0312rev/skills","url":"https://skillfed.io/patricio0312rev/skills/zustand-state-builder"},{"id":"prowler-cloud/prowler/zustand-5","name":"zustand-5","publisher":"prowler-cloud/prowler","url":"https://skillfed.io/prowler-cloud/prowler/zustand-5"},{"id":"Gentleman-Programming/Gentleman-Skills/zustand-5","name":"zustand-5","publisher":"Gentleman-Programming/Gentleman-Skills","url":"https://skillfed.io/Gentleman-Programming/Gentleman-Skills/zustand-5"},{"id":"bobmatnyc/claude-mpm-skills/zustand","name":"zustand","publisher":"bobmatnyc/claude-mpm-skills","url":"https://skillfed.io/bobmatnyc/claude-mpm-skills/zustand"},{"id":"JosiahSiegel/claude-plugin-marketplace/react-state-management","name":"react-state-management","publisher":"JosiahSiegel/claude-plugin-marketplace","url":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/react-state-management"}],"title":"State Management by jmsktm: Learn state management concepts and best practices \u2014 SkillFed","use":{"when":["State Management emphasizes several best practices: use component-level state for isolated concerns.","State Management covers key tools for React and Next.js applications."]},"what":{"lead":"State Management teaches React state patterns from local hooks to Zustand stores, helping you pick the right approach for your app's needs.","rest":"This skill guides you through the full spectrum of state management approaches in React and Next.js, from component-level useState to Zustand-based global stores. You'll learn decision frameworks for choosing the right pattern\u2014whether that's URL state for shareable filters, server components for database queries, or Context for simple app-wide settings. The skill also covers form handling with React Hook Form and performance optimization through selective subscriptions."}},"id":"jmsktm/claude-settings/state-management","install":{"mode":"external","repo":"https://github.com/jmsktm/claude-settings"},"links":{"html":"https://skillfed.io/jmsktm/claude-settings/state-management","md":"https://skillfed.io/jmsktm/claude-settings/state-management.md","repo":"https://github.com/jmsktm/claude-settings"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":5,"language":null,"last_updated":"2026-01-22","license":null,"name":"State Management","publisher":"jmsktm","stars":7},"relations":{"similar":[{"id":"patricio0312rev/skills/zustand-state-builder"},{"id":"prowler-cloud/prowler/zustand-5"},{"id":"Gentleman-Programming/Gentleman-Skills/zustand-5"},{"id":"bobmatnyc/claude-mpm-skills/zustand"},{"id":"JosiahSiegel/claude-plugin-marketplace/react-state-management"},{"id":"secondsky/claude-skills/zustand-state-management"},{"id":"duck4nh/antigravity-kit/state-management-expert"},{"id":"emanueleielo/deepagents-open-lovable/state-management"},{"id":"oakoss/agent-skills/zustand"},{"id":"pedronauck/skills/zustand"}]},"slug":{"owner":"jmsktm","repo":"claude-settings","skill":"state-management"},"version":"49ad3312"}