அணுக்க நிலை மாதிரி (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 இன் மேலிலிருந்து கீழாக கட்டமைப்பை தலைகீழ் செய்யும் உலகளாவிய நிலைக்கான একটு தனிப்பட்ட, சமீபத்திய பிரபலமான அணுகுமுறையாகும்: ஒரு பெரிய சேமிப்பகத்தை வெட்டுவதற்கு பதிலாக, நீங்கள் சிறிய அணுக்களைக் மேல்நோக்கி கூட்டுவீர்கள்.
இதன் உள்ளிணைந்த சிறுக்கணிப்பு தெரிவுசெய்திகள் இல்லாமல் திறமையான, இலக்கு மறுபதிவுகளை கொடுக்கிறது — சூழலின் செயல்திறன் சிக்கல்களை நேரடியாக உரையாசிக்கிறது.
অণুக்கগুলি (மற்றும் பெறப்பட்ட அணুக்கள்) বোঝা உங்கள் நிலை-ব்যবস্থাপনা வடிவ இடத்தின் জ্ঞানকে வட்டமாக்குகிறது, ஒক்ரீ-சேமிப்பக (Redux/Zustand) এবং প্রতিক্রিয়াশীল (MobX/Signals) மாதிரিகளের সাথে, ஒரு অ্যাপের நிলைய வடிவটি সেরাভাবে খাপ খায় এমন দর্শন বেছে নিতে সহায়তা করে।