Question 1

Qu'est-ce que JSX dans React ?

Accepted Answer

JSX est une extension de syntaxe JavaScript qui permet d'écrire du markup ressemblant à du HTML directement dans le code JavaScript. Il est transformé en appels de fonction React.createElement par Babel lors de la compilation. Utiliser JSX rend le code plus lisible et permet de détecter des erreurs au moment de la compilation grâce au typage, tout en combinant la puissance de JavaScript avec une syntaxe familière.

Question 2

Quelle syntaxe est correcte pour utiliser une expression JavaScript dans JSX ?

Accepted Answer

Les accolades simples permettent d'intégrer n'importe quelle expression JavaScript valide dans JSX, comme des variables, des fonctions ou des calculs. Cette syntaxe crée une délimitation claire entre le markup JSX et le code JavaScript dynamique. Les doubles accolades sont utilisées pour les objets de style inline, les parenthèses pour grouper du JSX multiligne, et les crochets pour les tableaux JavaScript.

Question 3

Quelle est la différence principale entre className en JSX et class en HTML ?

Accepted Answer

JSX utilise className au lieu de class car class est un mot réservé en JavaScript pour déclarer des classes ES6. Puisque JSX est transformé en JavaScript, utiliser class créerait un conflit de syntaxe. De même, for devient htmlFor, et les événements utilisent la camelCase. Cette convention permet à JSX de rester du JavaScript valide tout en offrant une syntaxe similaire au HTML.

Fondamentaux React

Qu'est-ce que JSX dans React ?

Réponse

Quelle syntaxe est correcte pour utiliser une expression JavaScript dans JSX ?

Réponse

Quelle est la différence principale entre className en JSX et class en HTML ?

Réponse

Comment écrire un commentaire dans du code JSX ?

Qu'est-ce qu'un composant fonctionnel en React ?

Autres sujets d'entretien React / Next.js

Les bases de JavaScript

React Hooks

Cycle de vie des composants

React Router

Gestion d'état avec Context

Formulaires & Composants contrôlés

Fetching de données & API

React Query (TanStack Query)

Styling & CSS-in-JS

Fondamentaux Next.js

TypeScript avec React

Data Fetching Next.js

Server Actions Next.js

Routing & Navigation Next.js

API Routes Next.js

Metadata & SEO Next.js

Middleware & Auth Next.js

Testing React

Zustand State Management

Optimisation Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Fonctionnalités avancées Next.js

Déploiement & Production Next.js

Architecture & Design Patterns

React Server Components

Internationalisation Next.js

Sécurité & Best Practices React

Maîtrise React / Next.js pour ton prochain entretien