Lifting State Up
JAB, MULTIPLE, COMPONENTS, KO, SAME, STATE, SHARE, KARNI, HOTI, hai, State, KO, UNKE, NEAREST, COMMON, PARENT, MEIN, MOVE, (LIFT), KIYA, JAATA, hai — PARENT, PHIR, STATE, KO, DOWN, (PROPS, SE) PASS, KARTA, hai, aur, UPDATER, FUNCTIONS, BHI, PASS, KARTA, hai, TAAKI, CHILDREN, USE, UPDATE, KAR, SAKEIN.
YE, PATTERN, "SINGLE, SOURCE, OF, TRUTH" ENSURE, KARTA, hai — DONO, CHILD, COMPONENTS, HAMESHA, SYNC, MEIN, REHTE, HAIN, kyunki, WOH, SAME, STATE, READ/UPDATE, KAR, RAHE, HAIN, ALAG-ALAG, COPIES, KE, BAJAYE.
function TemperatureConverter() {
const [celsius, setCelsius] = React.useState(0); // shared state, PARENT mein
return (
<div>
<CelsiusInput value={celsius} onChange={setCelsius} />
<FahrenheitDisplay celsius={celsius} />
</div>
);
}
function CelsiusInput({ value, onChange }) {
return <input type="number" value={value} onChange={e => onChange(Number(e.target.value))} />;
}
function FahrenheitDisplay({ celsius }) {
return <p>{(celsius * 9/5 + 32).toFixed(1)}°F</p>;
}- Shared state ko, NEAREST, COMMON PARENT mein, MOVE karo
- Parent, state aur, updater functions, DONO, props se, DOWN pass karta hai
- "Single source of truth" ensure karta hai — components, SYNC mein, REHTE hain
AGAR, STATE, SIRF, EK, HI, COMPONENT, KO, CHAHIYE, USE, LIFT, KARNA, ANTI-PATTERN, hai — UNNECESSARY, RE-RENDERS, POORE, TREE, MEIN, PROPAGATE, HO, SAKTE, HAIN. STATE, WAHI, RAKHO, JAHA, TAK, USKI, ZAROORAT, HAI — "AS, LOW, AS, POSSIBLE, IN, THE, TREE".
AGAR, SHARED, STATE, KO, BAHUT, DEEP, COMPONENTS, TAK, PASS, KARNA, PADТA, hai, (MULTIPLE, INTERMEDIATE, LEVELS), PROP, DRILLING, HO, JAATI, hai — Context API, YA, EXTERNAL, STATE, LIBRARY, PAR, SWITCH, KARNE, KA, SIGNAL, hai.
- 1-2 LEVELS, ki, prop, passing = NORMAL, aur, FINE
- 3+ LEVELS = Context, ya, external, LIBRARY, CONSIDER, karo