{"id":450,"date":"2023-02-08T05:00:00","date_gmt":"2023-02-08T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=450"},"modified":"2023-02-07T15:34:17","modified_gmt":"2023-02-07T23:34:17","slug":"how-to-generate-type-definitions-for-typescript","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/how-to-generate-type-definitions-for-typescript\/","title":{"rendered":"How to generate type definitions for TypeScript?"},"content":{"rendered":"\n

This week, we have been looking at union type<\/a>s and the downsides of using any<\/code> or unknown<\/code><\/a> when we don’t have any accurate type information.<\/p>\n\n\n\n

Today, let’s look at how to generate type information out of any JSON data. The first tool I want to mention is json2ts.com<\/a><\/strong>, a website where you can copy-paste any chunk of JSON syntax and get a fully-typed output of interfaces with inferred types and everything.<\/p>\n\n\n\n

For instance, if I copy-paste the following JSON into json2ts:<\/p>\n\n\n

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

We get the following set of interfaces ready to be used in our code:<\/p>\n\n\n

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

The more data you give to json2ts<\/strong>, the more precise it is. For instance, if you give it an array of similar objects, json2ts <\/strong>can identify if some properties are optional or support multiple different types.<\/p>\n\n\n\n

Also, it’s worth mentioning that interfaces are better than classes<\/strong> to describe type information because they do not get compiled into anything at all (like union types), thus bringing type safety to your code without making your production code bigger.<\/p>\n","protected":false},"excerpt":{"rendered":"

This week, we have been looking at union types and the downsides of using any or unknown when we don’t have any accurate type information. Today, let’s look at how to generate type information out of any JSON data. The first tool I want to mention is json2ts.com, a website where you can copy-paste any […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,3],"tags":[],"class_list":["post-450","post","type-post","status-publish","format-standard","hentry","category-tools","category-typescript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t