web-dev-qa-db-fra.com

Peut-on créer-réagir-app être utilisé avec TypeScript

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

44
Dave Ford

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

Aucune éjection requise pour cela.

49
levito

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. supporte désormais TypeScript, vous n’avez donc plus besoin d’éjecter ni d’utiliser le 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 renommez .js fichiers à .tsx fichiers pour commencer à utiliser TypeScript.

Notez qu'un tsconfig.json sera créé pour vous lorsque vous exécuterez l'application. Vous pourrez éditer tsconfig.json sauf pour certaines options .

Crédits:

[1] réponse de Vincent

[2] migrer créer une application de réaction TypeScript après

19
Tan Duong

TypeScript est disponible immédiatement, 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

7
Martin

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

Salut! Nous ne sommes pas encore prêts à considérer TypeScript (voir le numéro 142 pour les mises à jour). Nous n’avons pas encore terminé notre intégration de Flow (que nous suggérerons comme première option pour la sécurité de type).

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

Cette considération est probablement encore dans quelques mois. Désolé!

Bien que nous ne l'ayons pas endossé, il existe un fork de CRA qui prend en charge TypeScript. Nous ne pouvons pas fournir de soutien si cela ne fonctionne pas pour vous, mais cela devrait!

Vous ne savez pas comment concilier cela avec la réponse de Levito.

Voici le lien vers le numéro de github:

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

2
Dave Ford

En outre, vous pouvez créer votre application en utilisant ceci starter ( https://github.com/vtereshyn/react-TypeScript-eslint-starter )

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

0
Vladyslav Tereshyn