How to use TypeScript in `create-react-app` application?
Starting from react-scripts@2.1.0 or higher, there is a built-in support for typescript. i.e, create-react-app
now supports typescript natively. You can just pass --typescript
option as below
npx create-react-app my-app --typescriptoryarn create react-app my-app --typescript
But for lower versions of react scripts, just supply --scripts-version
option as react-scripts-ts
while you create a new project. react-scripts-ts
is a set of adjustments to take the standard create-react-app
project pipeline and bring TypeScript into the mix.
Now the project layout should look like the following:
my-app/
├─ .gitignore
├─ images.d.ts
├─ node_modules/
├─ public/
├─ src/
│ └─ ...
├─ package.json
├─ tsconfig.json
├─ tsconfig.prod.json
├─ tsconfig.test.json
└─ tslint.json
July 18, 2022
120
Read more
What is React?
November 06, 2022
ReactJSHow to programmatically trigger click event in React?
November 06, 2022
ReactJS