Question 1

Qual è la differenza principale tra let e var in JavaScript?

Accepted Answer

let ha uno scope di blocco (block scope) mentre var ha uno scope di funzione (function scope). Ciò significa che una variabile dichiarata con let è accessibile solo all'interno del blocco in cui è definita (tra parentesi graffe), mentre var è accessibile in tutta la funzione. Questa differenza è cruciale per evitare bug legati all'hoisting e a variabili che fuoriescono dal loro contesto previsto.

Question 2

Cos'è JSX in React?

Accepted Answer

JSX è un'estensione sintattica di JavaScript che consente di scrivere codice simile all'HTML direttamente all'interno di JavaScript. Viene transpilato in chiamate alla funzione React.createElement() da strumenti come Babel. JSX rende il codice più leggibile e facilita la creazione di interfacce utente combinando logica e rendering nello stesso file.

Question 3

Qual è il componente di base usato per creare contenitori in React Native?

Accepted Answer

Il componente View è il contenitore fondamentale di React Native, equivalente a un div in HTML. Permette di raggruppare altri componenti, applicare stili e gestire il layout tramite Flexbox. A differenza del web, React Native usa View invece di div perché deve essere tradotto in componenti nativi (UIView su iOS, android.view su Android).

Question 4

Quale funzione permette di dichiarare una variabile di stato in un componente funzionale React?

Accepted Answer

useState è il hook fondamentale per gestire lo stato locale nei componenti funzionali. Restituisce un array contenente il valore attuale dello stato e una funzione per aggiornarlo. A differenza dei componenti di classe che usano this.state, i componenti funzionali usano useState per ogni variabile di stato indipendente.

Question 5

Qual è il metodo JavaScript nativo per effettuare richieste HTTP in React Native?

Accepted Answer

fetch è l'API nativa integrata in JavaScript e React Native per effettuare richieste HTTP. Restituisce una Promise e permette di gestire richieste GET, POST, PUT, DELETE senza dipendenze esterne. A differenza di axios, fetch è disponibile nativamente senza installare alcun pacchetto.

Question 6

Qual è la caratteristica principale di AsyncStorage in React Native?

Accepted Answer

AsyncStorage è un sistema di archiviazione chiave-valore asincrono, non cifrato e persistente. Funziona in modo globale in tutta l'app e memorizza i dati come stringhe. È la soluzione di archiviazione più semplice integrata in React Native, ideale per preferenze utente semplici o dati non sensibili.

Question 7

Qual è la differenza principale tra un input controlled e uno uncontrolled in React Native?

Accepted Answer

Un input controlled è gestito dallo state di React tramite le prop value e onChangeText, consentendo il pieno controllo sul valore in qualsiasi momento. Un input uncontrolled usa una ref per accedere direttamente al valore senza passare per lo state di React. Gli input controlled sono consigliati perché facilitano la validazione in tempo reale e la sincronizzazione con lo state dell'applicazione.

Question 8

Qual è il ruolo principale di React.memo nell'ottimizzazione delle prestazioni di React Native?

Accepted Answer

React.memo è un Higher-Order Component che memoizza il risultato del rendering di un componente funzionale. Evita re-render inutili confrontando le props attuali con quelle precedenti (shallow comparison per impostazione predefinita). Se le props non sono cambiate, React riutilizza il risultato memoizzato invece di ri-renderizzare il componente, migliorando significativamente le prestazioni in liste o alberi di componenti complessi.

Question 9

Che cos'è un memory leak in un'applicazione React Native?

Accepted Answer

Un memory leak si verifica quando gli oggetti in memoria non sono più utilizzati dall'applicazione ma non possono essere liberati dal garbage collector perché esistono ancora riferimenti a tali oggetti. In React Native ciò accade spesso con subscription non ripulite, timer ancora attivi dopo l'unmount o closure che catturano riferimenti obsoleti. I memory leak degradano progressivamente le prestazioni e possono causare crash durante sessioni lunghe.

Question 10

Cos'è l'architettura a componenti in un'applicazione React Native?

Accepted Answer

L'architettura a componenti consiste nello strutturare l'applicazione in elementi riutilizzabili e indipendenti, ciascuno con una singola responsabilità. Questo approccio favorisce il riutilizzo del codice, semplifica i test unitari e migliora la manutenibilità. Ogni componente incapsula il proprio stato, la propria logica e la propria presentazione, consentendo di costruire interfacce complesse a partire da blocchi semplici e componibili.

Domande da colloquio su React Native

Pronto per il tuo colloquio su React Native?

Esplora tutti gli argomenti React Native

Fondamenti di JavaScript

Fondamenti di React

Fondamenti di React Native

React Hooks

TypeScript per React e React Native

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