Incrementally adopting TypeScript in a create-react-app project

1. create-react-app

   1 604 103,217 6.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.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. refactoring-create-react-app-to-typescript

   2 1 1 3.6 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.

4. TypeScript

   3 1,421 104,429 9.7 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.

5. redux-toolkit

   4 308 10,955 9.5 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.

6. redux

   5 302 61,185 8.5 TypeScript

   A JS library for predictable global state management

   

   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.

7. jsx

   6 17 1,982 0.0 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