Home • Categories • Questions

How to set up TypeScript with React?

To set up TypeScript with React, follow these steps:

  1. Create a new React app using Create React App by running the following command in your terminal:
npx create-react-app my-app --template typescript
  1. Navigate to your project directory by running:
cd my-app
  1. Run the development server by running:
npm start

  1. Start coding with TypeScript in your React components by creating .tsx files instead of .jsx files.

  2. You can install additional TypeScript dependencies as needed by running:

npm install --save-dev @types/{package-name}
  1. You can also configure TypeScript options in tsconfig.json file to customize your TypeScript setup. Check out the official TypeScript documentation for more details on configuration options.

That's it! You have now successfully set up TypeScript with React in your project. Happy coding!