TypeScript e Create-React-App
Un rapido how-to!
Vuoi usare TypeScript in React ma non sei sicuro di come iniziare. Sei nel posto giusto! (Questa volta non parleremo della sintassi TS, ma solo per iniziare a funzionare.)
Nuova app da zero
Se stai creando una nuova app e utilizzando create-react-app, i documenti di Create React App sono fantastici:
Puoi avviare una nuova app TypeScript utilizzando i modelli. Per utilizzare il nostro modello TypeScript fornito, aggiungi --template typescriptal comando di creazione.
npx create-react-app my-app --template typescript
Se ti sei trovato nella situazione in cui hai già iniziato un progetto e vuoi convertire in TypeScript, non preoccuparti! C'è una soluzione anche per questo.
Conversione di un'app esistente in TypeScript
Nel terminale, vai alla directory della tua app, dove vorrai installare TypeScript:
npm install --save typescript @types/node @types/react @types/react-
dom @types/jest
Ecco dove potresti riscontrare problemi. Se apri il tuo App.tsxfile, vedrai che quasi tutto è sottolineato in rosso. Non buono.
Innanzitutto, ti consigliamo di essere import React from 'react'in cima al file se non lo stavi già facendo.
Se sei in VSCode e passa il mouse su qualsiasi elemento sottolineato, riceverai il messaggio "Non è possibile utilizzare JSX a meno che non venga fornito il flag ' — jsx'". A questo punto, puoi fare clic sull'opzione "Correzione rapida" oppure puoi risolverlo manualmente. Se fai clic su "Correzione rapida", otterrai un'opzione che dice "Abilita il flag ' — jsx' nel tuo file di configurazione". Dopo aver fatto clic su di esso, ci vogliono un secondo o due per caricarsi, quindi gli errori dovrebbero scomparire.
Se vuoi farlo manualmente, vai nel tuo tsconfig.jsonfile, individua la chiave di "jsx"e cambia il valore in "react"invece di react-jsx.
Se continui a ricevere un errore nel tuo tsconfig.jsfile, potresti utilizzare versioni diverse di TypeScript. Digita cmd + shift + pper aprire le impostazioni rapide in VSCode e cerca "TypeScript: Select TypeScript version...". Fai clic su di esso e scegli "Usa versione dell'area di lavoro".
Speriamo che ora tu sia privo di errori, il tuo codice è in fase di compilazione e sei pronto per far funzionare un'app fantastica!
mi piacerebbe connettermi! Trovami su LinkedIn , GitHub , Twitter .
Risorse utili
Suggested posts
Evitare le conseguenze devastanti di un ictus: imparare dal viaggio di una famiglia.
Introduzione Un ictus è un'emergenza medica che può colpire chiunque in qualsiasi momento. Si verifica quando il flusso sanguigno verso una parte del cervello viene interrotto, portando a un'improvvisa perdita della funzione cerebrale.
Jest: un potente framework di test JavaScript
Il test è una parte essenziale dello sviluppo del software. Assicura che il codice sia affidabile, funzioni come previsto e riduce la probabilità di errori.
Related posts
3 modi comprovati per migliorare la tua abilità di scrittura
I vantaggi della scrittura e le strategie per aiutarti a farlo
Nel 2022, con il rilascio di GPT-3, l'abilità di scrittura sembra diventare meno importante. Con l'intelligenza artificiale, anche le persone con una scrittura scadente possono generare personale di qualità.
L'arte è sempre apolitica?
Ieri abbiamo chiuso le porte dell'Eurovision Song Contest di quest'anno con un gran finale scintillante e caotico in cui la cantante svedese Loreen ha portato a casa il trofeo, diventando la prima donna a vincere due volte e riportando la corona alla Svezia 50 anni dopo che gli ABBA hanno vinto la competizione con "Waterloo". Hanno continuato a diventare uno dei più grandi artisti nel canone della musica pop.
Conversazioni pericolose
Se vogliamo continuare a prosperare su questo pianeta, dovremo avere conversazioni pericolose. Quelli che mettono in discussione ciò che abbiamo fatto, ciò che stiamo facendo e ciò che attualmente intendiamo continuare a fare (o stiamo pianificando di fare).
La bugia del cowboy
Come le megacorporazioni hanno venduto agli americani una grossa falsità
È una brillante mattina d'oro sulle dolci colline dell'ovest, mentre i primi raggi di sole illuminano l'erba ghiacciata sulle pianure. Una mandria di placidi bovini Angus, nerissimi e massicci, si staglia contro l'alba mentre percorrono un sentiero battuto verso un luogo che tutti conoscono bene; il bancone della colazione.