What this snippet does
Template literals dynamically generate precise string types, ensuring event names strictly match the properties of an object.
Expected output
onClick
Why practise typing this
Typing type manipulation code builds muscle memory for the symbols and indentation TypeScript uses most, which prose-based typing tests never cover. DevType measures your words per minute and accuracy on this snippet and tracks the individual characters you mistype, so later lessons can target them.
More TypeScript practice
- Creating a type from string literalsType Manipulation · advanced
- Assigning a raw string to a template literal typeType Manipulation · advanced
- Uppercasing a string literal typeType Manipulation · advanced
- Creating a constant case from camelCaseType Manipulation · advanced
- String manipulation utils only work on literal typesType Manipulation · advanced
- Remapping keys in a mapped typeType Manipulation · advanced