React

Questions fréquentes

C'est quoi React et à quoi ça sert ?

React est une bibliothèque JavaScript, créée par Facebook (aujourd'hui Meta) en 2013, qui sert à construire l'interface d'une application web à partir de composants : des fonctions qui décrivent un morceau d'écran à partir de données. Quand les données changent, React met lui-même la page à jour, sans manipulation manuelle du DOM (le rendu déclaratif). On s'en sert surtout pour des applications monopages qui appellent une API.

React est-il un framework ou une bibliothèque ?

React se définit comme une bibliothèque : il ne s'occupe que de l'interface. Le routage, le chargement des données ou les formulaires complexes viennent d'autres bibliothèques que tu choisis, comme React Router et TanStack Query. Angular, à l'inverse, est un framework complet qui fournit tout. Dans le langage courant, on range souvent React parmi les « frameworks front » ; à l'oral, la nuance montre que tu sais de quoi tu parles.

Faut-il connaître JavaScript avant d'apprendre React ?

Oui. React, c'est du JavaScript : sans aisance avec les fonctions fléchées, la déstructuration, map, les promesses et async/await, chaque erreur devient incompréhensible. Commence par le cours JavaScript, puis reviens ici. TypeScript, en revanche, peut s'apprendre en même temps que React.

Quelle est la différence entre props et state en React ?

Les props sont les données qu'un composant reçoit de son parent, en lecture seule, comme les paramètres d'une fonction. Le state (l'état) est la mémoire propre du composant : il le modifie avec la fonction renvoyée par useState, ce qui provoque un nouveau rendu. L'état d'un parent devient souvent la prop d'un enfant (les props et useState).

Comment créer un projet React en 2026 ?

Avec Vite : npm create vite@latest mon-app -- --template react-ts, puis npm install et npm run dev. L'ancien outil create-react-app est officiellement déprécié depuis février 2025 et ne doit plus servir pour un nouveau projet. Pour un site qui a besoin de rendu côté serveur, la documentation de React oriente vers un framework comme Next.js ou React Router en mode framework (créer le projet).

À quoi sert useEffect, et quand ne faut-il pas l'utiliser ?

useEffect exécute du code après l'affichage d'un composant pour le synchroniser avec un système extérieur à React : le titre de l'onglet, un minuteur, un écouteur d'événement global, une connexion. Il ne sert pas à calculer une valeur à partir de l'état (un calcul pendant le rendu suffit), ni à réagir à un clic (le gestionnaire d'événement est fait pour ça). Pour charger des données d'une API, une bibliothèque comme TanStack Query est préférable (useEffect).

Faut-il utiliser TypeScript avec React ?

C'est fortement conseillé, et c'est le choix par défaut du modèle react-ts de Vite. TypeScript vérifie avant l'exécution que chaque composant reçoit les bonnes props et que les données de l'API sont utilisées correctement, ce qui évite une grande partie des bogues d'affichage. La plupart des types sont déduits automatiquement : tu écris surtout le type des props et des données (typer les props).

Où stocker un jeton JWT dans une application React ?

Pas dans localStorage, lisible par tout script de la page en cas de faille XSS. Garde-le en mémoire, dans une variable du module qui appelle l'API, comme le fait AppliFrais : il disparaît au rechargement de la page, et seul un jeton de rafraîchissement dans un cookie HttpOnly éviterait de redemander le mot de passe. Si l'API ne sert que ce front, une session par cookie HttpOnly, Secure, SameSite, que le JavaScript ne voit jamais, est l'autre bonne solution (authentification en React).

Quelle est la différence entre React et React Native ?

React construit des interfaces web, affichées par le navigateur avec du HTML. React Native utilise les mêmes composants, props, états et hooks pour construire des applications mobiles Android et iOS, affichées avec les composants natifs du téléphone (View, Text au lieu de div, p). Ce que tu apprends dans ce cours se réutilise donc directement pour le mobile.

React tombe-t-il à l'examen du BTS SIO ?

Aucune épreuve n'impose une technologie : à l'E6 SLAM, tu présentes tes propres réalisations, et beaucoup d'étudiants en construisent une avec un front React et une API. La commission te demande alors de la faire évoluer en une heure et t'interroge sur tes choix ; l'écrit E7 peut te faire analyser la sécurité d'un front, comme le stockage d'un jeton ou une faille XSS (React à l'E6).