ატომური სახელმწიფო მოდელი (Jotai, Recoil) აშენებს გლობალურ მდგომარეობას მრავალი მცირე, დამოუკიდებელი ერთეულებიდან, რომელსაც ეწოდება atoms, რომელიც აწყობილია ქვემოდან ზემოთ — ის ერთი დიდი ზემოდან ქვემოთ (Redux) ან მონოლითური კონტექსტის ნაცვლად. კომპონენტები გამოწერენ ცალკეულ ატომებზე და მხოლოდ მაშინ ხელახლა რენდერდებიან, როდესაც ეს იცვლება.
{ atom, useAtom } ;
countAtom = ();
nameAtom = ();
თითოეული atom არის დამოუკიდებელი სახელმწიფო ნაწილი. თქვენ იქმნით უამრავ, თითოეული დამოუკიდებლად მისაწვდომი.
// 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()),
);
Atoms კომპოზიცია დამოკიდებულების გრაფიკში — წარმოებული atoms ავტომატურად ახლდება, როდესაც მათ წაკითხული atoms იცვლება, როგორც ელცხრილი.
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-ის ზემოდან ქვემოთ სტრუქტურას: დიდი განყოფილების დაყოფის ნაცვლად, თქვენ ქვემოდან ზემოთ მცირე atoms აკომპოზირებთ.
მისი ჩაშენებული გრანულარობა აძლევს ეფექტიან, მიზნობრივ რე-რენდერებს აირჩიოთ — პირდაპირ მოხსნის კონტექსტის შესრულების საკითხებს.
ატომების (და წარმოებული atoms) გაგება დაასრულებს თქვენი ცოდნას სახელმწიფო-მართვის დიზაინის სივრცის შესახებ, ერთად ერთი-store (Redux/Zustand) და რეაქტიული (MobX/Signals) მოდელებთან, რაც დაგეხმარებათ აირჩიოთ პარადიგმა, რომელიც საუკეთესოდ შეესაბამება აპ-ის მდგომარეობის ფორმას.