Incrementally adopting TypeScript in a create-react-app project

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • create-react-app

    Set up a modern web app by running one command.

    First, let's bootstrap a React app with Create React App, using the Redux and Redux Toolkit template.

  • refactoring-create-react-app-to-typescript

    POC on how to Incrementally adopt TypeScript on a create-react-app project.

    Also, feel free to take a look at the final version of the project here, if you want to see the original Javascript version go here.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    For this tutorial, the app we'll be converting to TypeScript is a counter app built with redux-toolkit, if you're not familiar with redux, redux-toolkit or TypeScript, I highly suggest you take a look at their docs before doing this tutorial as I assume you have some basic understanding of all of them.

  • redux-toolkit

    The official, opinionated, batteries-included toolset for efficient Redux development

    For this tutorial, the app we'll be converting to TypeScript is a counter app built with redux-toolkit, if you're not familiar with redux, redux-toolkit or TypeScript, I highly suggest you take a look at their docs before doing this tutorial as I assume you have some basic understanding of all of them.

  • redux

    Predictable state container for JavaScript apps

    For this tutorial, the app we'll be converting to TypeScript is a counter app built with redux-toolkit, if you're not familiar with redux, redux-toolkit or TypeScript, I highly suggest you take a look at their docs before doing this tutorial as I assume you have some basic understanding of all of them.

  • jsx

    The JSX specification is a XML-like syntax extension to ECMAScript.

    Note: For React component files (JSX) we'll use .tsx to maintain JSX support and for non React files we'll use the .ts file extension. However, if you want you could still use .ts file extension for React components without any problem.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts