Typescript & React.js: how-to lists
Published: 2020-09-07 21:42:00

While I was working on my recently published article about [how to move large-scale React UI-components codebase to TypeScript](https://rebrand.ly/react-to-typescript) I gathered a plethora of useful information about technical aspects of writing React UI-components and TypeScript. I grouped these resources together in separate lists.

Articles on choosing between JavaScript/TypeScript for codebase:
* [Choosing Between TypeScript vs JavaScript: Technology, Popularity](https://itnext.io/choosing-TypeScript-vs-JavaScript-technology-popularity-ea978afd6b5f)
* [How TypeScript is making programming better](https://www.ably.io/blog/TypeScript-is-making-programming-better)
* [The TypeScript Tax](https://medium.com/JavaScript-scene/the-TypeScript-tax-132ff4cb175b)


Articles on setting TypeScript for codebase:
* [How does TypeScript work? The bird’s eye view](https://2ality.com/2020/04/TypeScript-workflows.html)
* [Creating web apps via TypeScript and webpack](https://2ality.com/2020/04/webpack-TypeScript.html)
* [Set Up a Typescript React Redux Project](https://typeofnan.dev/setup-a-TypeScript-react-redux-project/)
* [React TypeScript: Basics and Best Practices](https://blog.bitsrc.io/react-TypeScript-cheetsheet-2b6fa2cecfe2)
* [Setting TypeScript For Modern React Projects Using Webpack](https://www.smashingmagazine.com/2020/05/TypeScript-modern-react-projects-webpack-babel/)
* [Setting up efficient workflows with ESLint, Prettier and TypeScript](https://indepth.dev/setting-up-efficient-workflows-with-eslint-prettier-and-TypeScript/)
* [The Practical Guide to Start React Testing Library with TypeScript](https://medium.com/JavaScript-in-plain-english/the-practical-guide-to-start-react-testing-library-with-TypeScript-d386804a018)


Articles on moving existing react codebase to TypeScript:
* [How to Add TypeScript to a JavaScript Project](https://www.freecodecamp.org/news/how-to-add-typescript-to-a-javascript-project/)
* [How to move your project to TypeScript - at your own pace](https://www.twilio.com/blog/move-to-TypeScript)
* [How to Easily Migrate From JavaScript to TypeScript](https://dzone.com/articles/how-to-easily-migrate-from-JavaScript-to-typescrip)
* [Gradually using TypeScript in Your React Project](https://blog.bitsrc.io/react-js-to-TypeScript-how-to-migrate-gradually-d82026126d29)
* [Porting to TypeScript Solved Our API Woes](https://www.executeprogram.com/blog/porting-to-TypeScript-solved-our-api-woes)
* [How to Migrate a React App to TypeScript](https://www.sitepoint.com/how-to-migrate-a-react-app-to-TypeScript/)
* [Convert Your Javascript React App to TypeScript, the Easy Guide](https://medium.com/swlh/convert-your-JavaScript-react-app-to-TypeScript-the-easy-guide-631592dc1876)
* [TypeScript and React](https://fettblog.eu/TypeScript-react/)
* [Using TypeScript with React](https://alligator.io/react/TypeScript-with-react/)
* [The Great CoffeeScript to Typescript Migration of 2017](https://dropbox.tech/frontend/the-great-coffeescript-to-TypeScript-migration-of-2017)
* [How to move large-scale React UI-components codebase to TypeScript](https://rebrand.ly/react-to-typescript)


Articles on writing new react codebase in TypeScript:
* [Build a Tic Tac Toe App with TypeScript, React and Mocha](https://blog.bitsrc.io/build-a-tic-tac-toe-game-with-TypeScript-react-and-mocha-ce6f1e74c996)
* [A Practical Guide to TypeScript - How to Build a Pokedex App Using HTML, CSS, and TypeScript](https://www.freecodecamp.org/news/a-practical-guide-to-TypeScript-how-to-build-a-pokedex-app-using-html-css-and-TypeScript/)
* [Create a React component library with TypeScript and Storybook](https://levelup.gitconnected.com/create-a-react-component-library-with-TypeScript-and-storybook-ed28fc7511f2)
* [How To Build a Customer List Management App with React and TypeScript](https://dev.to/digitalocean/how-to-build-a-customer-list-management-app-with-react-and-TypeScript-39np)
* [Using TypeScript in Grommet Applications](https://developer.hpe.com/blog/using-TypeScript-in-grommet-applications)


Articles for deeper dive in TypeScript:
* [TypeScript Best Practices —Useless Interfaces, Classes, and Promises](https://medium.com/swlh/TypeScript-best-practices-useless-interfaces-classes-and-promises-40ef6bdefa1b)
* [React with TypeScript: Best Practices](https://www.sitepoint.com/react-with-TypeScript-best-practices/)