--- title: TypeScript for React Developers – Why TypeScript is... description: The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover... canonical: https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: TypeScript for React Developers – Why TypeScript is Useful and How it Works | daily.dev og:description: The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover... og:url: https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo og:image: https://api.daily.dev/og/posts/mCyRI5hOo.png og:image:alt: TypeScript for React Developers – Why TypeScript is Useful and How it Works 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 for React Developers – Why TypeScript is Useful and How it Works **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · [@dastasoft](https://daily.dev/dastasoft) · 37 min read · 155 upvotes · 9 comments ## Summary The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@howmarketing** · 5 upvotes > Congratulations author, you have an exemplary article! > > It is with great joy that I read its content, not only for the quality information but for all the care taken in the way it is delivered. > > All the reading pieces of the article composition are linked with visual highlighting for an organic continuity of the reading even when consuming it using accessibility mechanisms. So it is clear that with care such important parts of its composition as keywords that cover a content bias or citation references/source of information of consumption prior to the creation of the article... very well... **@itsabluecloud** · 3 upvotes > The article seems lengthy but its actually a super good, meaningful and pretty crisp introduction to TS. Its not just about the syntax. It covers much more than just explaining the syntax. Its also very personalized, as in the author has amazingly expressed his opinions, POV and thought process. The last section covers its integration with React. It nicely shows with code snippets, how TS can be used with frameworks for more than just static typing/type safety, the regular thing we all hear about TS. > > Without the real context based examples (the whys and wherefores as mentioned in the... **@tugrulyildirim** · 1 upvotes > thank u bro **@mhadihafeez** · 1 upvotes > thanks for sharing. **@baranerdogan** · 0 upvotes > thanks ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#typescript](https://daily.dev/tags/typescript), [#angular](https://daily.dev/tags/angular) [View this post on daily.dev](https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo) ```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 for React Developers – Why TypeScript is Useful and How it Works","url":"https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo"},"datePublished":"2022-11-03T16:29:27.598Z","dateModified":"2022-11-03T16:29:27.528Z","description":"The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/17d4c589397a0fce397baa3d8874b49d","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/17d4c589397a0fce397baa3d8874b49d","isAccessibleForFree":true,"articleSection":"freeCodeCamp","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":"dastasoft","url":"https://daily.dev/dastasoft","image":"https://avatars.githubusercontent.com/u/45243062?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":480}},"commentCount":9,"discussionUrl":"https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":155},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":9}],"keywords":"react,webdev,javascript,typescript,angular","timeRequired":"PT37M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"TypeScript for React Developers – Why TypeScript is Useful and How it Works"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/typescript-for-react-developers-why-typescript-is-useful-and-how-it-works-mcyri5hoo","comment":[{"@type":"Comment","text":"Congratulations author, you have an exemplary article!\nIt is with great joy that I read its content, not only for the quality information but for all the care taken in the way it is delivered.\nAll the reading pieces of the article composition are linked with visual highlighting for an organic continuity of the reading even when consuming it using accessibility mechanisms. So it is clear that with care such important parts of its composition as keywords that cover a content bias or citation references/source of information of consumption prior to the creation of the article… very well formatted in the ABNT schema.\nSo I thank you again and that more authors come with such dedication in the creation of content.","datePublished":"2022-11-07T00:51:45.788Z","url":"https://daily.dev/posts/mCyRI5hOo#c-HGR_4iuI6","author":{"@type":"Person","name":"Gabriel Ariza Gomes de Castro","url":"https://daily.dev/howmarketing","image":"https://avatars.githubusercontent.com/u/72627426?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"The article seems lengthy but its actually a super good, meaningful and pretty crisp introduction to TS. Its not just about the syntax. It covers much more than just explaining the syntax. Its also very personalized, as in the author has amazingly expressed his opinions, POV and thought process. The last section covers its integration with React. It nicely shows with code snippets, how TS can be used with frameworks for more than just static typing/type safety, the regular thing we all hear about TS.\nWithout the real context based examples (the whys and wherefores as mentioned in the article), typescript always feels like its too much of syntactical overhead for too little benefits.\nIn fact, I would like to say that using typescript does not mean we have to use it at every possible place.\nThe trick is to use it to an extent you need it or where it actually reaps benefits. This is very well explained and shown in the article.\nOne nuanced benefit of declaring types for props I want to highlight even more is that, we can easily indicate which prop is optional. In other words, we can indicate more information about such unsaid things w/o using comments or asking the original developer or reading through the entire logic ourselves.\nThis improves the dev experience by a lot since we don’t have to completely rely on reading the logic inside the component to figure that info out. Although if the code is poorly written, we can mark a prop as required and write logic in a way that makes it optional but that’s on the dev now and we are safe to assume that devs wont make that blunder.\nI believe, that code becomes self documenting from developer’s POV. The interfaces and types speak for themselves.\nA thing that author mentioned and I would like to know the reason of, is why to declare function components using function declarations and not expressions.","datePublished":"2022-11-05T21:52:25.901Z","dateModified":"2022-11-05T21:54:37.248Z","url":"https://daily.dev/posts/mCyRI5hOo#c-lCWlunDQZ","author":{"@type":"Person","name":"Akash","url":"https://daily.dev/itsabluecloud","image":"https://avatars.githubusercontent.com/u/30195464?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"thank u bro","datePublished":"2022-11-04T06:38:26.991Z","url":"https://daily.dev/posts/mCyRI5hOo#c-iRdLYJdCk","author":{"@type":"Person","name":"tugrulyildirim.com","url":"https://daily.dev/tugrulyildirim","image":"https://avatars1.githubusercontent.com/u/58388980?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"thanks for sharing.","datePublished":"2022-11-03T20:25:59.142Z","url":"https://daily.dev/posts/mCyRI5hOo#c-KfSUbZwgm","author":{"@type":"Person","name":"Hadi Hafeez","url":"https://daily.dev/mhadihafeez","image":"https://lh3.googleusercontent.com/a-/AOh14GjS_f9Fat3UMIWa9gX3sjH4lXklPyydXlQRtFCKJw=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"thanks","datePublished":"2022-11-25T05:44:09.197Z","url":"https://daily.dev/posts/mCyRI5hOo#c-M6aXNH-eY","author":{"@type":"Person","name":"Baran ERDOĞAN","url":"https://daily.dev/baranerdogan","image":"https://avatars.githubusercontent.com/u/76904768?v=4"}}]} ```