Question 1

Cos'è JSX in React?

Accepted Answer

JSX è un'estensione della sintassi JavaScript che consente di scrivere markup simile all'HTML direttamente nel codice JavaScript. Viene trasformato in chiamate alla funzione React.createElement da Babel durante la compilazione. Usare JSX rende il codice più leggibile e permette il rilevamento degli errori in fase di compilazione tramite la tipizzazione, combinando la potenza di JavaScript con una sintassi familiare.

Question 2

Quale sintassi è corretta per usare un'espressione JavaScript in JSX?

Accepted Answer

Le parentesi graffe singole consentono di integrare qualsiasi espressione JavaScript valida in JSX, come variabili, funzioni o calcoli. Questa sintassi crea un confine chiaro tra il markup JSX e il codice JavaScript dinamico. Le doppie parentesi graffe sono usate per gli oggetti di stile inline, le parentesi tonde per raggruppare JSX multilinea e le parentesi quadre per gli array JavaScript.

Question 3

Qual è la differenza principale tra className in JSX e class in HTML?

Accepted Answer

JSX utilizza className invece di class perché class è una parola riservata in JavaScript per dichiarare classi ES6. Poiché JSX viene trasformato in JavaScript, usare class creerebbe un conflitto di sintassi. Allo stesso modo, for diventa htmlFor e gli eventi usano il camelCase. Questa convenzione consente a JSX di rimanere JavaScript valido pur offrendo una sintassi simile all'HTML.

Fondamenti di React

Cos'è JSX in React?

Risposta

Quale sintassi è corretta per usare un'espressione JavaScript in JSX?

Risposta

Qual è la differenza principale tra className in JSX e class in HTML?

Risposta

Come scrivere un commento nel codice JSX?

Cos'è un functional component in React?

Altri argomenti di colloquio React / Next.js

Fondamenti di JavaScript

React Hooks

Ciclo di vita dei componenti

React Router

Gestione dello state con Context

Form e Controlled Components

Recupero dati e API

React Query (TanStack Query)

Styling & CSS-in-JS

Fondamentali di Next.js

TypeScript con React

Data Fetching in Next.js

Server Actions di Next.js

Routing e Navigazione in Next.js

API Routes di Next.js

Metadata & SEO in Next.js

Middleware e Auth in Next.js

Testing React

Zustand State Management

Ottimizzazione delle Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Funzionalità avanzate di Next.js

Deploy e Produzione con Next.js

Architecture & Design Patterns

React Server Components

Internazionalizzazione di Next.js

React Sicurezza & Best Practices

Padroneggia React / Next.js per il tuo prossimo colloquio