స్థానిక స్థితి మరియు ప్రపంచ స్థితి మధ్య తేడా ఏమిటి?

Question

Accepted Answer

**స్థానిక స్థితి** ఒకే భాగానికి (లేదా చిన్న సబ్‌ట్రీకి) చెందినది మరియు ఇతర చోట్ల అవసరం లేదు. **ప్రపంచ స్థితి** అనేక, తరచుగా దూరంగా ఉన్న, అప్లికేషన్‌ জూడా భాగాలలో భాగస్వామ్యం చేయబడుతుంది.

## స్థానిక స్థితి — ఒక భాగానికి పరిమితం

```jsx
function SearchBox() {
  const [query, setQuery] = useState(""); // only THIS component needs `query`
  return <input value={query} onChange={e => setQuery(e.target.value)} />;
}
```

స్థానిక స్థితి భాగం (`useState`, `ref`, `data()`) లోపల నివసిస్తుంది. ఉదాహరణలు: ఇన్‌పుట్ విలువలు, డ్రాప్‌డౌన్ తెరిచి ఉందా, హోవర్ స్థితి, ఫారమ్ యొక్క డ్రాఫ్ట్. ఇతర భాగానికి దీని గురించి పట్టింపు లేదు.

## ప్రపంచ స్థితి — అప్లికేషన్‌-సంపూర్ణంగా భాగస్వామ్యం

```jsx
// the logged-in user is needed by the navbar, profile page, settings, checkout...
const user = useUserStore(s => s.user); // from a global store/context
```

ప్రపంచ స్థితి అనేది అనేక సంబంధం లేని భాగాలు చదవాలి లేదా స్థిరంగా నవీకరించాలి: ప్రామాణీకరించిన వినియోగదారు, థీమ్, షాపింగ్ కార్ట్, అనువర్తనం-సంపూర్ణ నోటిఫికేషన్‌లు. ఇది Context, స్టోర్ (Redux/Zustand/Pinia), లేదా సమానమైన వాటిలో నివసిస్తుంది.

## నిర్ణయం ఎలా తీసుకోవాలి

```text
Ask: "How many components need this, and how far apart are they?"

One component (or parent+child)         → LOCAL state
Many unrelated components / whole app    → GLOBAL state
```

## సాధారణ తప్పు: అధిక-ప్రపంచీకరణ

```jsx
// ❌ putting a single form's input in global state — unnecessary complexity
globalStore.setFormInput(value);

// ✅ keep it local — only this form uses it
const [value, setValue] = useState("");
```

సంపూర్ణంగా సంపూర్ణం చేయడం బాయిలర్‌ప్లేట్‌ను జోడిస్తుంది, భాగాలను కపులపెట్టుకుంటుంది, మరియు పనితీరును దెబ్బ కోయగలదు (మరిన్ని పున:-రెండర్‌లు). సర్వోత్తమ పద్ధతి **స్థితిని సాధ్యమైనంత స్థానికంగా ఉంచండి**, మరియు భాగస్వామ్యం నిజంగా కోరిన పుడు మాత్రమే దానిని ప్రపంచంలోకి ఎత్తండి.

## ఇది ఎందుకు ముఖ్యమైనది

స్థానిక మరియు ప్రపంచ స్థితిని ఎంచుకోవడం అత్యంత ఫలితమైన స్థితి నిర్ణయాలలో ఒకటి.

స్థితిని స్థానికంగా ఉంచడం భాగాలను సరళమైన, స్వయంప్రతిపత్తి, మరియు సమర్థవంతమైనదిగా ఉంచుతుంది; ప్రపంచ స్థితి కోసం చేరుకోవడం కేవలం ఫలితం నిజంగా భాగస్వామ్యం చేయబడినపుడు అవసరమైన సంక్లిష్టతను నివారిస్తుంది.

సాధారణ ప్రతి-నమూనా — అన్నిటిని ప్రపంచ స్టోర్‌లో "కేవలం సందర్భానికి" ఉంచడం — వెళ్లిపోయిన, కఠినంగా సంయుక్త అనువర్తనాలకు దారితీస్తుంది.

నిర్దేశక నియమం: **డిఫాల్ట్‌ द్వారా స్థానికీకరించండి, భాగస్వామ్యం చేయడం అవసరమైన పుడు మాత్రమే ప్రపంచీకరించండి.**