TypeScript with React
Component, PROPS, ko, EK, INTERFACE, se, TYPE, kiya, jaata hai — jaise, interface ButtonProps { label: string; onClick: () => void; }. FunctionComponent, YA, DIRECTLY, PROPS, TYPE, se, ANNOTATE, kiya, ja, sakta hai.
Hooks, jaise, useState, GENERICS, USE, karte, HAIN — jaise, useState<string>(""), EXPLICITLY, STATE, ka, TYPE, SPECIFY, karta hai, jab, INITIAL, VALUE, se, INFER, nahi, ho, paata.
interface ButtonProps {
label: string;
onClick: () => void;
disabled?: boolean;
}
function Button({ label, onClick, disabled }: ButtonProps) {
return <button onClick={onClick} disabled={disabled}>{label}</button>;
}
const [user, setUser] = useState<User | null>(null); // explicit, generic- Component props, EK, interface, se, TYPED, hote, hain
- Hooks (useState) generics, use, karte, hain, EXPLICIT, typing, ke, liye
- disabled?: boolean, jaisa, OPTIONAL, prop, common, pattern, hai
children, PROP, ko, React.ReactNode, TYPE, se, ANNOTATE, kiya, jaata hai — YE, MOST, PERMISSIVE, TYPE, hai, JO, STRINGS, elements, arrays, aur, null/undefined, SAB, ko, ALLOW, karta hai.
interface CardProps {
children: React.ReactNode;
}
function Card({ children }: CardProps) {
return <div className="card">{children}</div>;
}React, EVENTS, apne, KHUD, ke, SYNTHETIC, EVENT, types, USE, karte, HAIN — jaise, React.MouseEvent<HTMLButtonElement>, ek, button, click, handler, ke, liye, PROPERLY, TYPED, event, deta hai.