TypeScript per React e React Native
Tipi di props/state, generics, discriminated unions, tipizzazione di hooks, tipi di React Navigation, risposte API
1Qual è il principale vantaggio dell'uso di TypeScript in un progetto React Native?
Qual è il principale vantaggio dell'uso di TypeScript in un progetto React Native?
Risposta
TypeScript rileva gli errori di tipo in fase di compilazione, prima ancora che l'applicazione venga eseguita. Questo riduce notevolmente i bug in produzione legati a tipi errati, migliora il completamento automatico nell'IDE e rende il codice più autodocumentante. In un progetto React Native, questo aiuta in particolare a tipizzare correttamente props, state e risposte API.
2Qual è la differenza tra type e interface in TypeScript?
Qual è la differenza tra type e interface in TypeScript?
Risposta
Le interface possono essere estese e unite tramite declaration merging, il che è utile per estendere i tipi di librerie di terze parti. I type sono più flessibili e possono rappresentare union, intersection e tipi primitivi. In pratica, per oggetti semplici entrambi sono intercambiabili, ma le interface sono preferite per le props dei componenti React poiché consentono l'estensione.
3Come tipizzare correttamente le props di un componente funzionale React Native?
Come tipizzare correttamente le props di un componente funzionale React Native?
Risposta
Il metodo consigliato è definire una interface per le props e usarla come tipo generico o annotazione di parametro. Si può usare React.FC con il generico oppure tipizzare direttamente le props nella firma della funzione. Il secondo approccio è spesso preferito perché React.FC include implicitamente children, cosa che potrebbe non essere desiderata.
Come tipizzare il hook useState con un tipo personalizzato in TypeScript?
Che cos'è un tipo generico (generic) in TypeScript e a cosa serve?
+19 domande da colloquio
Altri argomenti di colloquio React Native
Fondamenti di JavaScript
Fondamenti di React
Fondamenti di React Native
React Hooks
Componenti e API di React Native
Styling e Layout in React Native
Navigazione in React Native
Gestione dello Stato in React Native
Networking e API in React Native
Persistenza dei dati
Form e validazione
Animazioni React Native
Native Modules & Bridge
Codice specifico per piattaforma
Permessi e API del dispositivo
Push Notifications
Testing in React Native
Debugging di React Native
Build & Deployment
Expo vs React Native Bare
Ottimizzazione delle prestazioni
Gestione della memoria
Architecture Patterns
New Architecture di React Native
Best Practice di Sicurezza
Offline-First Architecture
CI/CD React Native
Monorepo e condivisione del codice
Argomenti avanzati
Ciclo di vita dell'app ed esecuzione in background
Autenticazione e gestione delle sessioni
Monitoring & Crash Reporting
Padroneggia React Native per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis