Incrementally adopting TypeScript in a create-react-app project

• create-react-app

  575 101,812 1.9 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 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.

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• TypeScript

  1,302 97,832 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

  287 10,382 9.9 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

  268 60,449 9.0 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.

• jsx

  14 1,942 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