உள்ளூர் நிலை மற்றும் பொது நிலைக்கு இடையிலான வேறுபாடு என்ன?

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("");
```

எல்லாவற்றையும் பொதுவாக செய்ய சேர்க்கிறது boilerplate, கூறுகளை தொடர்புபடுத்துகிறது, மற்றும் செயல்திறனைக் குறைக்கக்கூடும் (மேலும் பு-விளக்குதல்). சிறந்த பயிற்சி **நிலையை உள்ளூரில் வைத்திருக்கவும், மற்றும் பகிரப்பட்டல் உண்மையாக பொதுவாக பொதுவாக மாற்றவும்.

## ஏன் இது முக்கியமான

உள்ளூர் மற்றும் பொது நிலை பதிலிப் படுத்துவது மிக மு முக்கியமான நிலை தீர்மானங்களில் ஒன்றாகும்.

நிலையை உள்ளூரில் வைத்திருப்பது கூறுகளை எளிமையாகவும், தன்னியக்கமாகவும், சக்திவாய்ந்ததாகவும் வைத்திருக்கிறது; பொது நிலையை பெறுவது மட்டுமே உண்மையாக பகிரப்பட்டபோது தேவையில்லாத சிக்கலை தவிர்க்க உதவுகிறது.

தீபூர்வ எதிர்-முறை — அனைத்தையும் ஒரு பொது கோ பணையில் "மட்டும் சுரக்ஷுக்ஸ் வண்ணத்தை" வைத்திருப்பது — பெரிதாக்கப்பட்ட, கடுமையாக பிணைந்த பயன்பாடுகளுக்கு வழிவகுக்கிறது.

வழிகாட்டுந்த விதி: **முன்னிருப்பாக உள்ளூரிலாக்குங்கள், மட்டும் பகிரப்பட்டல் கோரும் போது பொதுவாக்குங்கள்.**