Partie 7 : passerelle vers Expo

Vous avez appris le langage. Il reste à le voir à l'œuvre dans une vraie interface. Dans cette dernière partie, vous découvrez les trois idées de React (la bibliothèque sur laquelle repose Expo) : les composants, l'état (useState) et les effets (useEffect).

Ces quatre séances sont une passerelle : elles vous donnent le vocabulaire et les réflexes. La série Expo les approfondit, dans un vrai projet installé sur votre ordinateur.

Un outil sans installation : Expo Snack

Pour cette partie, pas besoin d'installer quoi que ce soit : vous utilisez Expo Snack, un éditeur en ligne qui exécute une application Expo directement dans le navigateur.

1. Ouvrez snack.expo.dev dans votre navigateur.
2. Le fichier principal s'appelle App.tsx (TypeScript). Vous allez en remplacer le contenu à chaque séance.
3. À droite, choisissez l'aperçu Web : l'application s'affiche et se met à jour dès que vous modifiez le code.

Rappel de la règle

Tapez le code vous-même. Pour rester sur un seul fichier, tout le code d'une séance se trouve dans App.tsx.

Séances

1. Composants et JSX : une interface écrite avec des fonctions, props, listes avec map
2. L'état avec useState : faire réagir l'écran à un clic
3. Les effets avec useEffect : charger des données sans bug
4. Mini-projet final : un petit quiz complet

Mission de la partie

Réaliser un mini-quiz qui affiche des questions, enregistre les réponses, calcule le score et charge ses données proprement.