{"tag":{"id":"56744723958ef13879b954e0","name":"TypeScript","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607081795383/tEjUv8e8s.png","slug":"typescript","tagline":"TypeScript is an open-source language which builds on JavaScript, one of the world's most used tools, by adding static type definitions.","__typename":"Tag"},"publication":{"__typename":"Publication","id":"60841809fea38e52a9c5bd63","url":"https://blog.jannikwempe.com","canonicalURL":"https://blog.jannikwempe.com","urlPattern":"SIMPLE","title":"Jannik Wempe","displayTitle":"","hasBadges":true,"descriptionSEO":"Serverless and Frontend Enthusiast\n","about":{"html":"

Serverless and Frontend Enthusiast

\n","text":"Serverless and Frontend Enthusiast\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"audioBlog":{"isEnabled":true,"voiceType":"MALE","__typename":"AudioBlogFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":{"__typename":"CustomCSS","homeMinified":".dark .blog-nav-text{color:white}","postMinified":".dark .blog-nav-text{color:white}","staticMinified":".dark .blog-nav-text{color:white}"},"draft":{"__typename":"CustomCSS","homeMinified":".dark .blog-nav-text{color:white}","postMinified":".dark .blog-nav-text{color:white}","staticMinified":".dark .blog-nav-text{color:white}"},"__typename":"CustomCSSFeature"},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"608417f2ff5fc65284a799f6","name":"Jannik Wempe","username":"JannikWempe","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686670777162/S3YVZnB5O.jpeg"},"preferences":{"__typename":"Preferences","logo":"","darkMode":{"__typename":"DarkModePreferences","logo":"","enabled":true},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"64e075733fc2bfa9d8cc698a","label":"AWS","url":"https://blog.jannikwempe.com/tag/aws","priority":25,"type":"link","series":null,"page":null},{"__typename":"PublicationNavbarItem","id":"65533a39add2d72f5f031cc2","label":"Domain Driven Design (DDD)","url":"https://blog.jannikwempe.com/series/domain-driven-design","priority":22,"type":"series","series":{"__typename":"Series","id":"611170aa9584520c481f520c"},"page":null},{"__typename":"PublicationNavbarItem","id":"64e0754dfe582aa061c3fa1c","label":"📔 Podcast Notes","url":"https://blog.jannikwempe.com/series/podcast-notes","priority":20,"type":"series","series":{"__typename":"Series","id":"64ddf91684b2e68932838158"},"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":null},"layout":"magazine","disableFooterBranding":true,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642742563829/wsPT3v9mU.jpeg","headerColor":"#8450fa","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","plausibleAnalyticsEnabled":true,"wmPaymentPointer":"","umamiWebsiteUUID":"4cc6a462-e4cc-4115-b69d-dfaec9683f4b","__typename":"PublicationIntegrations"},"imprintV2":null,"postsCount":{"totalDocuments":26,"__typename":"PublicationPostConnection"},"isTeam":false,"links":{"twitter":"https://twitter.com/JannikWempe","instagram":null,"github":"https://github.com/JannikWempe","website":"https://www.jannikwempe.com/","hashnode":"https://hashnode.com/@JannikWempe","youtube":"","dailydev":"https://app.daily.dev/JannikWempe","linkedin":"https://www.linkedin.com/in/jannik-wempe/","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"jannikwempe","domain":{"__typename":"DomainStatus","host":"blog.jannikwempe.com","ready":true},"wwwPrefixedDomain":null},"redirectionRules":[],"totalRecommendedPublications":7,"sponsorship":{"content":{"html":"

What's in it for you?
Visibility from all readers and appreciation from my side 🙏🏼

Sponsoring my blog not only makes me smile, but also motivates me to share more knowledge with the world. That's it. No fuzz.

\n","markdown":"**What's in it for you?**
Visibility from all readers and appreciation from my side 🙏🏼\n\nSponsoring my blog not only makes me smile, but also motivates me to share more knowledge with the world. That's it. No fuzz.","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1JFAdQRGLVsC5W1H","country":"DE","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"pro":{"hasProAccess":true,"__typename":"PublicationProInfo"},"posts":{"edges":[{"node":{"__typename":"Post","id":"622482f0e814324bc83aa42b","title":"Creating Reusable React Components with TypeScript","slug":"creating-reusable-react-components-with-typescript","publishedAt":"2022-03-06T09:46:24.366Z","cuid":"cl0f3avah07pjo5nvdj0mauek","url":"https://blog.jannikwempe.com/creating-reusable-react-components-with-typescript","subtitle":"Creating generic, reusable React components with TypeScript. Learning techniques that are used by popular React libraries.","brief":"Often we write React components that get bigger and bigger and at some point, we extract parts of it into separate components. Either because the component is getting too big or because we need parts of it somewhere else.\nThis is generally a good app...","readTimeInMinutes":7,"views":11307,"author":{"__typename":"User","id":"608417f2ff5fc65284a799f6","username":"JannikWempe","name":"Jannik Wempe","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686670777162/S3YVZnB5O.jpeg","followersCount":4241},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1646559850943/k2Gm09Rmg.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjIyNDgyZjBlODE0MzI0YmM4M2FhNDJiXzIwMjItMDMtMDZUMDk6NDY6MjQuMzY2Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"60854bf6e1555b2a98aab0d5","title":"TypeScript class decorators incl. Dependency Injection example","slug":"typescript-class-decorators-incl-dependency-injection-example","publishedAt":"2021-04-25T11:01:10.410Z","cuid":"cknx29onl05zcews132beaib4","url":"https://blog.jannikwempe.com/typescript-class-decorators-incl-dependency-injection-example","subtitle":"TypeScript class decorators are heavily used in some frameworks for Dependency Injection. Learn how it works.","brief":"By using class decorators, we have access to the constructor and also its prototype (for explanation about constructors and prototype see this MDN explanation of inheritance). Therefore, we can modify the whole class. We could add methods using its p...","readTimeInMinutes":7,"views":8222,"author":{"__typename":"User","id":"608417f2ff5fc65284a799f6","username":"JannikWempe","name":"Jannik Wempe","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686670777162/S3YVZnB5O.jpeg","followersCount":4241},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619348371572/XPj8eQCaG.webp","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjA4NTRiZjZlMTU1NWIyYTk4YWFiMGQ1XzIwMjEtMDQtMjVUMTE6MDE6MTAuNDEwWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"60846b8570758d2ac1545d65","title":"TypeScript decorators basics","slug":"typescript-decorators-basics","publishedAt":"2021-04-24T19:03:33.573Z","cuid":"cknw426oc01eyg1s10t1ea8tm","url":"https://blog.jannikwempe.com/typescript-decorators-basics","subtitle":"TypeScript decorators are still an experimental feature, but they are widely used. Learn about the types of decorators and how they work.","brief":"⁉️ What are decorators? What types of decorators are there?\n⁉️ How can they be used?\n⁉️ When are they executed?\nDecorators\nDecorators are a stage 2 ECMAScript proposal (\"draft\"; purpose: \"Precisely describe the syntax and semantics using formal spec ...","readTimeInMinutes":5,"views":1745,"author":{"__typename":"User","id":"608417f2ff5fc65284a799f6","username":"JannikWempe","name":"Jannik Wempe","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686670777162/S3YVZnB5O.jpeg","followersCount":4241},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1619290789521/x1VLIrLOw.webp","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjA4NDZiODU3MDc1OGQyYWMxNTQ1ZDY1XzIwMjEtMDQtMjRUMTk6MDM6MzMuNTczWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjA4NDZiODU3MDc1OGQyYWMxNTQ1ZDY1XzIwMjEtMDQtMjRUMTk6MDM6MzMuNTczWg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}