Incrementally adopting TypeScript in a create-react-app project

• create-react-app

  274 95,002 7.8 JavaScript

  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

  1 0 5.2 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.io

  sponsored

  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

  543 80,458 9.9 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

  140 7,733 9.6 TypeScript

  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

  135 58,010 9.0 TypeScript

  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

  8 1,769 5.8 HTML

  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.

Suggest a related project