तुम React Native अ‍ॅप्समध्ये state कसे व्यवस्थापित करता?

Question

Accepted Answer

React Native मध्ये state व्यवस्थापन (React प्रमाणे) स्थानिक घटक state (useState) पासून सुरू होते आणि **Context** किंवा **Redux**, **Zustand** आणि इतर लायब्रेरीजद्वारे सामायिक/जागतिक state पर्यंत विस्तारित होते. अ‍ॅप्स वाढत असताना प्रत्येक पर्याय कधी वापरायचा हे समजून घेणे महत्त्वाचे आहे.

## स्थानिक state आणि state उपर चढवणे

```text
useState → local component state (simple, for one component)
LIFTING STATE UP → move shared state to a common parent, pass down via props
  → works for moderate sharing, but "PROP DRILLING" (passing through many layers) is painful
```

## Context API — अंतर्निहित सामायिक state

```jsx
// Context shares state across the tree WITHOUT prop drilling (built into React)
const ThemeContext = createContext();
// provide it high in the tree; consume with useContext anywhere below
const theme = useContext(ThemeContext);
// → good for low-frequency global data (theme, auth, user); can cause re-renders if overused
```

## State व्यवस्थापन लायब्रेरीज

```text
For complex/global state, libraries help:
  REDUX (+ Redux Toolkit) → predictable centralized store; structured; popular for large
    apps; more boilerplate (RTK reduces it)
  ZUSTAND → minimal, simple, hooks-based store — popular modern lightweight choice
  Jotai / Recoil → atomic state; MobX → observable state
  React Query / TanStack Query → for SERVER state (caching, fetching) — often used
    alongside (handles API data, loading, caching)
```

## निवड करणे

```text
Simple/local → useState; moderate sharing → lift up / Context
Complex global app state → Redux Toolkit or Zustand (by preference/complexity)
Server/API data → React Query (caching, sync) — distinct from client state
→ Don't over-engineer; match the solution to the app's complexity.
```

## हे का महत्त्वाचे आहे

State व्यवस्थापन समजून घेणे महत्त्वाचे आहे कारण **अ‍ॅप कसे state व्यवस्थापित करते आणि सामायिक करते हा महत्त्वाचा आर्किटेक्चरल विचार आहे** जो अ‍ॅप complexity सह वाढतो, म्हणून हे वास्तविक React Native अ‍ॅप्स तयार करण्यासाठी मूल्यवान ज्ञान आहे.

React Native मध्ये state व्यवस्थापन React सारखेच काम करते, साधे ते अत्याधुनिक पर्यंत विस्तारित होते.

**स्थानिक state** (useState) आणि **state उपर चढवणे** (सामायिक state ला सामान्य मातापिता पर्यंत हलवणे) समजून घेणे मूलभूत गरजा पूरण करते, तर **prop-drilling समस्या** (state ला अनेक स्तरांतून पास करणे दर्दनाक होत असणे) अधिक चांगल्या सोल्यूशन्सचा प्रेरणा देते.

**Context API** (React चा अंतर्निहित state वृक्षाभोवती सामायिक करण्याचा मार्ग prop drilling शिवाय) कमी-वारंवारता जागतिक डेटा (theme, auth, वर्तमान user) साठी चांगला आहे, जरी अत्यधिक वापरल्यास तो re-renders कारणीभूत करू शकतो.

जटिल/जागतिक state साठी **state व्यवस्थापन लायब्रेरीज** समजून घेणे — **Redux** (Redux Toolkit सह, अनुमानित केंद्रीकृत store, संरचित आणि मोठ्या अ‍ॅप्ससाठी लोकप्रिय), **Zustand** (कमीतकमी, सरल, hooks-आधारित, लोकप्रिय आधुनिक हल्के निवडी), आणि इतर (Jotai, MobX) — महत्त्वपूर्ण अ‍ॅप state व्यवस्थापित करण्यासाठी पर्याय प्रदान करते.

महत्त्वाचे, **React Query/TanStack Query server state साठी** (API डेटा caching आणि syncing, client state पासून स्वतंत्र) समजून घेणे आधुनिक ओळखीचे प्रतिबिंबित करते कि **server state आणि client state भिन्न विचार आहेत** (caching/fetching सह API डेटा अनेकदा स्वतंत्रपणे हाताळणे चांगले) — एक मूल्यवान, वाढत असलेली-महत्त्वाची भेद.

**निवड करण्याचे** समजून घेणे (स्थानिकसाठी useState, मध्यम सामायिकसाठी Context, जटिल जागतिकसाठी Redux Toolkit किंवा Zustand, server डेटासाठी React Query, over-engineering शिवाय) — solution ला complexity शी जुळवणारे योग्य निर्णय प्रतिबिंबित करते.

State व्यवस्थापन हा महत्त्वाचा आर्किटेक्चरल विचार आहे जो व्यवस्थापनक्षमता प्रभावित करतो आणि अ‍ॅप complexity सह स्केल करतो, आणि स्पेक्ट्रम (स्थानिक state, Context, लायब्रेरीज, आणि server-vs-client-state भेद) समजून घेणे आणि योग्यरित्या निवड करणे वास्तविक अ‍ॅप्स तयार करण्यासाठी महत्त्वाचे आहे, React Native मध्ये state व्यवस्थापन समजून घेणे मूल्यवान, व्यावहारिकदृष्ट्या प्रासंगिक ज्ञान आहे — व्यवस्थापनक्षम, स्केलेबल React Native अ‍ॅप्स तयार करण्यासाठी मुख्य आर्किटेक्चरल क्षेत्र, पर्याय आणि client/server-state भेद यांचे महत्त्व असलेले.