పరమాణువు స్థితి నమూనా (Jotai, Recoil) పరమాణువులు అని పిలువబడే చాలా చిన్న, స్వతంత్ర యూనిట్ల నుండి గ్లోబల్ స్థితిని నిర్మిస్తుంది, దిగువ నుండి పైకి కూర్చోబడింది — ఒక పెద్ద టాప్-డౌన్ స్టోర్ (Redux) లేదా మోనోలిథిక్ సందర్భానికి బదులుగా. కాంపోనెంట్లు వ్యక్తిగత పరమాణువులకు సబ్స్క్రైబ్ చేయబడి, వాటిలో మార్పులు ఉన్నప్పుడు మాత్రమే రీ-రెండర్ చేయబడతాయి.
{ atom, useAtom } ;
countAtom = ();
nameAtom = ();
ప్రతిটి పరమాణువు స్థితి యొక్క స్వయం-నిర్ణీత భాగం. మీకు అవసరమైన అంతవరకు చాలా అరుంభించండి, ప్రతిఒక్కటి సొంత మార్గంలో సూచిక చేయవచ్చు.
// a derived atom computes from other atoms; recomputes when its dependencies change
const doubleAtom = atom((get) => get(countAtom) * 2);
const greetingAtom = atom((get) => `Hello, ${get(nameAtom)}`);
// writable derived atom
const upperNameAtom = atom(
(get) => get(nameAtom).toUpperCase(),
(get, set, newVal) => set(nameAtom, newVal.toLowerCase()),
);
పరమాణువులు ఒక ఆధారపడటం గ్రాఫ్లో కూర్చోబడతాయి — ఉత్పన్న పరమాణువులు వారు చదివిన పరమాణువులు మారినప్పుడు స్వయంచాలకంగా నవీకరించబడతాయి, స్ప్రెడ్షీట్ వలె.
function Counter() {
const [count, setCount] = useAtom(countAtom); // global, but useState-like API
return <button onClick={() => setCount(count + 1)}>{count}</button>;
}
function Display() {
const [double] = useAtom(doubleAtom); // re-renders ONLY when doubleAtom changes
}
Redux (top-down): one big state tree; you carve slices/selectors OUT of it
Atomic (bottom-up): start with tiny atoms; compose them UP into derived state
Granularity: each atom is independently subscribable → naturally fine-grained
re-renders (a component using countAtom ignores nameAtom changes)
✓ Fine-grained re-renders by default (subscribe to exactly the atoms you use)
✓ No selector boilerplate; derived state is just another atom
✓ Solves Context's "re-render everything" problem
✓ Great for state that's naturally decomposed into many independent pieces
✗ Many atoms can be harder to organize/trace than one centralized store
✗ Less rigid structure than Redux (a pro or con depending on the team)
పరమాణువు నమూనా Redux యొక్క టాప్-డౌన్ నిర్మాణాన్ని తిప్పికొట్టే గ్లోబల్ స్థితి కోసం ఒక విలక్షణ, క్రమంగా ప్రసిద్ధ విధానం: పెద్ద స్టోర్ను కట్టిianunங్కు బదులుగా, మీరు చిన్న పరమాణువులను పైకి కూర్చోబడతారు.
ఇది నిర్మిత కణకత ఎంపిక చేసేవారు లేకుండా సమర్థవంతమైన, లక్ష్యభిత్తిక రీ-రెండర్లను ఇస్తుంది — సూచన సమస్యలను నేరుగా సూచిస్తుంది.
పరమాణువులను (మరియు ఉత్పన్న పరమాణువులను) అర్థం చేసుకోవడం మీ స్థితి-నిర్వహణ రూపకల్పన స్థలం జ్ఞానాన్ని పూర్తి చేస్తుంది, ఏకైక-స్టోర్ (Redux/Zustand) మరియు ప్రతిచర్య (MobX/Signals) నమూనాలతో పాటుగా, అ్యాప్ యొక్క స్థితి ఆకారానికి ఉత్తమంగా సరిపోయే నమూనాను ఎంచుకోవడానికి సహాయం చేస్తుంది.