Advanced Types
Template Literal Types
String Pattern Types
💡 Template, literal, types, EK, "PATTERN, MATCHER" hai, strings, ke, liye — jaise, template, literal, STRINGS, mein, ${variable}, use, hota, hai, WAISE, hi, ye, TYPES, ke, level, PAR, string, PATTERNS, DEFINE, karte, HAIN.
Template, literal, types, TEMPLATE, LITERAL, STRING, syntax, USE, karte, HAIN, TYPE, level, PAR — jaise, `hello-${string}`, koi, bhi, string, MATCH, karega, JO, "hello-" se, SHURU, hoti, hai.
Union, types, ke, saath, COMBINE, hoke, ALL, POSSIBLE, COMBINATIONS, generate, kiye, ja, sakte, HAIN — jaise, CSS, PROPERTIES, YA, EVENT, NAMES, ke, liye, STRICT, TYPES, banaне, ke, liye.
type EventName = "click" | "hover" | "focus";
type HandlerName = `on${Capitalize<EventName>}`;
// HandlerName = "onClick" | "onHover" | "onFocus"
type CSSProperty = `--${string}`;
const customProp: CSSProperty = "--main-color"; // OK
// const invalid: CSSProperty = "main-color"; // ERROR📝
Template, literal, types, EK, "PATTERN, MATCHER" hai, strings, ke, liye — jaise, template, literal, STRINGS, mein, ${variable}, use, hota, hai, WAISE, hi, ye, TYPES, ke, level, PAR, string, PATTERNS, DEFINE, karte, HAIN.
1 / 2
⚡ झट से Recap
- Template literal types = string PATTERNS, ko, type, level, PAR, define, karte, hain
- `prefix-${string}`, syntax, PATTERN, MATCHING, ke, liye
- Union types, ke, saath, combine, hoke, ALL, combinations, GENERATE, ho, sakte, hain
इस page में (2 subtopics)
Uppercase<T>, Lowercase<T>, Capitalize<T>, Uncapitalize<T> — YE, BUILT-IN, utility, types, HAIN, JO, TEMPLATE, literal, types, ke, saath, MILKE, string, transformations, karте, HAIN.
type Loud = Uppercase<"hello">; // "HELLO"Template, literal, types, API, ROUTES, ko, STRICTLY, TYPE, karne, ke, liye, USE, ho, sakte, HAIN — jaise, `/users/${number}`, sirf, VALID, numeric, IDs, waale, routes, ko, ALLOW, karta hai.
Tip: Ye, PATTERN, aksar, TYPE-SAFE, ROUTING, LIBRARIES, mein, USE, hota, hai — INVALID, routes, COMPILE-TIME, PAR, hi, catch, ho, jaate, hain.