Jihar gida ta bugi sada daya (ko ƙaramin subtree) kuma ba ta buƙatawa a waje. Jihar duniya ana ba da ta tsakanin maraye da yawa, sau da yawa nesa, a jijiya app.
Jihar gida — tsara zuwa sada daya
jsx
() {
[query, setQuery] = ();
;
}
Jihar gida ta bugi sada daya (ko ƙaramin subtree) kuma ba ta buƙatawa a waje. Jihar duniya ana ba da ta tsakanin maraye da yawa, sau da yawa nesa, a jijiya app.
() {
[query, setQuery] = ();
;
}
Jihar gida tana zaune a cikin sada (useState, ref, data()). Misalai: darajan shigarwa, ko bubugi bude, jihar hover, tsarafe fudu ta forom. Babu wani sada da ke taƙura aiki.
// the logged-in user is needed by the navbar, profile page, settings, checkout...
const user = useUserStore(s => s.user); // from a global store/context
Jihar duniya shine bayani da maraye da yawa waɗanda ba su da alaka dole ne su karantawa ko sabunta cikin kwatance: mai amfani da shaida, jiya, basket shopping, sanarwa masu faɗi. Yana zaune a cikin Context, store (Redux/Zustand/Pinia), ko irin haka.
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
// ❌ 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("");
Sanya duk abin ya zaɓa boilerplate, haɗa sassan, kuma zai iya ƙauna isa (maraya fara). Mafi kyau alur ne jiyya jiha tare da agogo mai yawa, kuma kawai tafe zuwa duniya idan raba gaske ya buƙaci.
Zaɓi gida da duniya hanya ne mafi muhimmi.
Ji jiya jiha kashe maraye masu sauƙi, mai kanka, kuma mai wuya; sanƙa jihar duniya kawai idan bayani gaske raba galibi gida ba.
Mihin da yawa — sa duk abin a jihar duniya "komai haka" — haɗa app mai faɗi kuma aka cire.
Abubuwan ramanni: gida ta hanya, duniya kawai idan raba buƙaci.