--- title: Typescript - Tips & Tricks - Mapped Types | daily.dev description: A practical introduction to TypeScript mapped types, covering the basic syntax, how to use keyof with generics to replicate or transform types, and how to add... canonical: https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Typescript - Tips & Tricks - Mapped Types | daily.dev og:description: A practical introduction to TypeScript mapped types, covering the basic syntax, how to use keyof with generics to replicate or transform types, and how to add... og:url: https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1 og:image: https://api.daily.dev/og/posts/SCRXCFUP1.png og:image:alt: Typescript - Tips & Tricks - Mapped Types og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Typescript - Tips & Tricks - Mapped Types **[Playful Programming](https://daily.dev/sources/playfulprogramming)** · [@puppo](https://daily.dev/puppo) · 2 min read · 0 upvotes · 0 comments ## Summary A practical introduction to TypeScript mapped types, covering the basic syntax, how to use keyof with generics to replicate or transform types, and how to add or remove readonly and optional modifiers using + and - prefixes. Includes a concrete example of generating getter and setter method types from a base type using template literal types and key remapping. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Beyond the basics: 21 TypeScript features you might not know about](https://daily.dev/posts/beyond-the-basics-21-typescript-features-you-might-not-know-about-oivxxtrie) · DEV · 27 upvotes · 0 comments --- Tags: [#typescript](https://daily.dev/tags/typescript) [View this post on daily.dev](https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Typescript - Tips & Tricks - Mapped Types","url":"https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1"},"datePublished":"2026-03-16T21:47:20.530Z","dateModified":"2026-03-17T18:01:08.260Z","description":"A practical introduction to TypeScript mapped types, covering the basic syntax, how to use keyof with generics to replicate or transform types, and how to add...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1e47a4ce534724f6df56cb8a312bc48e?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1e47a4ce534724f6df56cb8a312bc48e?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Playful Programming","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Luca Del Puppo","url":"https://daily.dev/puppo","image":"https://avatars.githubusercontent.com/u/2527849?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":980}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/typescript---tips-tricks---mapped-types-scrxcfup1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"typescript","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Playful Programming","item":"https://daily.dev/sources/playfulprogramming"},{"@type":"ListItem","position":3,"name":"Typescript - Tips & Tricks - Mapped Types"}]} ```