Peut-on utiliser create-react-app avec TypeScript ?

Question

Est-il possible d'utiliser TypeScript avec create-react-app ? Si oui, comment le feriez-vous ?

Answer 1

Vous pouvez le faire comme ça :

create-react-app my-app --scripts-version=react-scripts-ts

Voir https://github.com/wmonk/create-react-app-typescript

Pas besoin d'éjection pour cela.

Answer 2

C'est la voie à suivre :

# update create-react-app first
npm update -g create-react-app 
create-react-app my-app --typescript

Create React App v2.1.0 prend désormais en charge TypeScript, de sorte que vous n'avez plus besoin d'éjecter ou d'utiliser l'option react-scripts-ts fourchette ;

Ou vous pouvez ajouter TypeScript à l'application existante :

yarn add typescript @types/node @types/react @types/react-dom @types/jest
# or
npm install --save typescript @types/node @types/react @types/react-dom @types/jest  

puis renommer .js pour .tsx pour commencer à utiliser TypeScript.

Notez qu'un tsconfig.json sera créé pour vous lorsque vous lancerez l'application. Vous pourrez modifier le fichier tsconfig.json, à l'exception des éléments suivants quelques options .

Crédits :

[1] Réponse de Vincent

[2] migrer créer react app typescript poste

Answer 3

Typescript est disponible dès maintenant, dans la version 2.1 de create-react-app !

Vous pouvez l'utiliser maintenant, comme ceci ( comme indiqué ici ) : npx create-react-app@next app-name --scripts-version=2.0.6-next.c662dfb0 --typescript

Answer 4

J'ai posté une demande de fonctionnalité dans les problèmes github pour create-react-app et voici la réponse :

Bonjour ! Nous ne sommes pas encore tout à fait prêts à considérer TypeScript (voir #142 pour les mises à jour). Nous n'avons pas encore terminé notre intégration de Flow (que nous allons suggérons comme première option pour la sécurité des types).

De plus, il se passe des choses très intéressantes en ce moment. Voir babel/babylon#320 et babel/babylon#444. TypeScript pourrait bientôt être analysé par Babylon (et compilé par Babel). Microsoft a intérêt à ce que Microsoft a intérêt à ce que cela se produise, et travaille également sur un WIP.

Cette considération est probablement encore à quelques mois. Je suis désolé.

Bien que nous ne l'approuvions pas, il existe un fork de CRA qui supporte TypeScript. Nous ne pouvons pas fournir de support si cela ne fonctionne pas pour vous, mais il devrait fonctionner !

Je ne sais pas comment concilier ça avec la réponse de Levito.

Voici le lien vers la question github :

https://github.com/facebookincubator/create-react-app/issues/1998#issuecomment-295311100

Answer 5

Vous pouvez également créer votre application en utilisant cette démarreur ( https://github.com/vtereshyn/react-typescript-eslint-starter )

Il n'utilise pas create-react-app, donc entièrement personnalisable et modifiable. Parce qu'en utilisant create-react-app il sera difficile d'ajouter quelque chose dans certains cas...