from mongez-react-atom9
Practical guide and hooks for creating and using React atoms and atomCollections with per-instance hooks (useValue, useState, use, useWatch) and Provider patter
This skill documents the Mongez React Atom primitives and provides concrete examples for creating atoms and atomCollections, using their per-instance hooks, and wiring custom actions. It explains naming conventions, preferred patterns, and SSR scoping so developers can manage shared state across components with predictable reactivity.
Use this when building React applications that need lightweight, composable state containers: component-local or app-wide atoms, performant selective re-renders via use(key), or when you need action-based state updates (e.g., login flows). Trigger on code that imports atom/atomCollection or when a developer asks how to subscribe to a single key, add actions, or scope atoms for SSR.
Best consumed by developer-facing agents or code-help assistants that support TypeScript/React guidance (e.g., Copilot-style code helpers, LLMs integrated into IDEs).
This skill has not been reviewed by our automated audit pipeline yet.
