TypeScript Types and Generics/Use template literal types

Compose string literal types from smaller pieces.

Section: Type Operators

Use template literal types

typescript
typescript
type Method = "GET" | "POST";
type Route = "/users" | "/posts";
type Endpoint = `${Method} ${Route}`;
Explanation

Template literal types are powerful for modeling event names, API routes, and CSS tokens.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Related commands

Same sheet · prioritizing Type Operators
Use `keyof`
Get a union of property names from a type.
OpenIn sheettypescriptsame section
Use `typeof` in types
Infer a type from an existing value.
OpenIn sheettypescriptsame section
Use indexed access types
Get a nested property type from another type.
OpenIn sheettypescriptsame section
Generic identity function
Use a type parameter for reusable function typing.
OpenIn sheettypescript1 tag match
Simple mapped type
Create a type by iterating over keys.
OpenIn sheettypescript1 tag match
Use `Partial<T>`
Make every property optional.
OpenIn sheettypescript1 tag match