Imina ya hali ya atomi (Jotai, Recoil) hujenga hali ya kimataifa kutoka kwa vitengo vingi vidogo, vya kujitegemea vinavyoitwa atomi, iliyojumuika kutoka chini kwenda juu — badala ya duka kubwa kutoka juu kwenda chini (Redux) au muktadha wa monolitiki. Sehemu kadhaa hujibu atomi zisimu na kurudisha picha tu wakati zile zibadilika.
{ atom, useAtom } ;
countAtom = ();
nameAtom = ();
Kila atomi ni sehemu ya kujitegemea ya hali. Unasanisha wengi kama unavyohitaji, kila mmoja anaweza kutambulika kwa njia yake mwenyewe.
// 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()),
);
Atomi hujumuika katika grafu ya utegemezi — atomi zilizochukuliwa husasishwa kiotomatiki wakati atomi zinazo soma zinabadilika, kama lahajedwali.
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)
Imina ya atomi ni mbinu tofauti, inayoongezeka kwa umeme kwa hali ya kimataifa ambayo inaondokeza muundo wa juu kwenda chini wa Redux: badala ya kukata duka kubwa, unajumuika atomi ndogo kwenda juu.
Granularity yake ya kujenga inakupa kurudisha picha kinoleana, kulenga bila kuchagua — kuagiza moja kwa moja matatizo ya utendakazi wa Muktadha.
Kuelewa atomi (na atomi zilizochukuliwa) hukamilisha ujuzi wako wa nafasi ya uhandisi wa usimamizi wa hali, pamoja na duka moja (Redux/Zustand) na miundo ya reaktibu (MobX/Signals), ikusaidie kuchagua paradigm ambayo inafaa vyema na umbo la hali la programu.