{"id":1833,"date":"2023-12-01T05:00:00","date_gmt":"2023-12-01T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1833"},"modified":"2023-11-30T16:59:05","modified_gmt":"2023-12-01T00:59:05","slug":"make-types-from-json-samples","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/make-types-from-json-samples\/","title":{"rendered":"Make types from JSON samples"},"content":{"rendered":"\n

First, a quick announcement<\/strong>: I’m running a donation-based online Angular Signals Workshop on December 14th and January 18th. If you’re interested, feel free to show your interest here<\/a>, and remember that you don’t have to pay anything if you don’t want to or can’t.<\/p>\n\n\n\n

Earlier this year, I shared how to generate type definitions for Typescript<\/a> using json2ts<\/strong>, but that website has disappeared. A suggested superior alternative is Quicktype<\/a>, which can also create DTOs and has several config options.<\/p>\n\n\n\n

Recently, I heard about another option called MakeTypes<\/a>. It’s as simple as the two previous tools, and it can also be downloaded via npm to be part of your local development process if that’s what you want:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Again, all you need to do is copy-paste your sample JSON and get instant Typescript interfaces (or proxy classes) to use in your project. And if you don’t want to use a website to create your types, head to the NPM page<\/a> to download the tool.<\/p>\n","protected":false},"excerpt":{"rendered":"

First, a quick announcement: I’m running a donation-based online Angular Signals Workshop on December 14th and January 18th. If you’re interested, feel free to show your interest here, and remember that you don’t have to pay anything if you don’t want to or can’t. Earlier this year, I shared how to generate type definitions for […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,17,3],"tags":[],"class_list":["post-1833","post","type-post","status-publish","format-standard","hentry","category-angular","category-tools","category-typescript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=1833"}],"version-history":[{"count":2,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1833\/revisions"}],"predecessor-version":[{"id":1836,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1833\/revisions\/1836"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=1833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=1833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=1833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}