Aller au contenu

Catalogue de cours

Applications React

Créez des interfaces accessibles avec état en React et TypeScript.

Écrivez et exécutez du vrai JSX et TSX avec une version fixe de React 19 dans l’environnement isolé (sandbox) hors ligne de Koda. Créez des composants typés, composez props et enfants, gérez l’état et les formulaires contrôlés, comprenez les effets et les données périmées, utilisez l’historique du navigateur pour le routage et vérifiez le comportement par des assertions DOM. Trois projets exécutables aboutissent à un client accessible de tableau de tickets avec des règles liées au propriétaire et un mode autonome pour le portfolio.

Commencer par une leçon gratuiteComparer toutes les offres

Programme

  1. Section 1

    Composants et props

    Décrivez l’interface avec des composants typés, la composition, des clés stables et une sémantique accessible.

    1. Votre premier vrai composant
    2. JSX décrit l’interface
    3. Le contrat des props typées
    4. Composer avec children
    5. Listes, clés et sémantique

  2. Section 2

    État, événements et formulaires

    Modélisez les interactions avec des instantanés d’état, des gestionnaires d’événement, des champs contrôlés et des valeurs calculées.

    1. L’état est un instantané
    2. Les événements expriment l’intention
    3. Formulaires contrôlés
    4. Calculer plutôt que dupliquer

  3. Section 3

    Effets, données et reprise

    Synchronisez les systèmes externes, exposez chaque état des données et empêchez les tâches périmées de prendre le dessus.

    1. Les effets synchronisent hors de React
    2. Dépendances et nettoyage
    3. Afficher tous les états des données
    4. Bloquer les réponses périmées
    5. Récupérer après un échec de rendu

  4. Section 4

    Routage, tests et livraison

    Créez des structures navigables, testez le comportement visible et faites des choix de dépendances éclairés.

    1. Routage par l’historique
    2. Structure partagée et page introuvable
    3. Tester le comportement visible
    4. Choisir et livrer ses dépendances
    5. Frontières serveur, client et streaming
    6. Actions et interface optimiste

Parcours d’apprentissage

Développement web full-stack

Créez et partagez une application React full-stack testée : une interface accessible à tous, des données visibles uniquement par leur propriétaire, des API aux limites claires, des mises à jour en temps réel qui restent cohérentes et des déploiements réversibles.

Suite de 14 cours

Votre idée en ligne. Commencez en 60 secondes.

Essai gratuit de 7 jours avec chaque offre pour les nouveaux membres · Résiliation à tout moment

Commencer

Retour aux cours