Jotai X Consumer Patterns

Core Principle

Minimize subscriptions, maximize performance. Use hooks (useValue) only when you need reactivity. Use store methods (store.get, store.set) everywhere else.

When to Use

• Creating or consuming Jotai X stores (createAtomStore)
• Accessing state in components, callbacks, or event handlers
• Choosing between useAppValue vs store.get, useAppSet vs store.set
• Optimizing component re-renders and subscriptions

The Golden Rule

// ✅ Subscribe with hooks ONLY when component needs to re-render on change
const count = useAppValue("count"); // Component re-renders when count changes