React Tutoriels

React propose un parcours d'apprentissage structuré pour créer des interfaces utilisateur modernes. Nos tutoriels couvrent les composants React, la gestion d'état et les hooks, adaptés aux débutants comme aux développeurs frontend expérimentés. Grâce à des laboratoires pratiques et des exemples concrets, vous acquerrez de l'expérience dans la création d'interfaces utilisateur dynamiques et réactives. Notre terrain de jeu interactif React vous permet de tester les fonctionnalités de React et de voir des résultats instantanés.

Listes et Clés React

Listes et Clés React

Dans ce laboratoire, vous apprendrez à afficher des listes de données dans React et l'importance d'utiliser des clés pour les éléments de liste.
React
Bases de React JSX

Bases de React JSX

Dans ce laboratoire, vous apprendrez les bases de la syntaxe JSX dans React, y compris l'écriture d'éléments, l'intégration d'expressions et l'utilisation d'attributs.
React
Bases des formulaires React

Bases des formulaires React

Dans ce laboratoire, vous apprendrez les bases de la gestion des formulaires dans React, y compris les composants contrôlés, la gestion de l'état et la gestion des événements.
React
Gestion des événements React

Gestion des événements React

Dans ce laboratoire, vous apprendrez les bases de la gestion des événements dans React, tels que les clics, en attachant des gestionnaires d'événements à des éléments JSX et en définissant les fonctions correspondantes.
React
Rendu Conditionnel en React

Rendu Conditionnel en React

Dans ce laboratoire, vous apprendrez les techniques fondamentales du rendu conditionnel en React, notamment l'utilisation de l'opérateur ternaire, du && logique, des variables et de l'état pour afficher dynamiquement des composants.
React
État React avec Hooks

État React avec Hooks

Dans ce laboratoire, vous apprendrez les bases de la gestion de l'état des composants dans React en utilisant le Hook `useState` en construisant une application de compteur simple.
React
Introduction aux Composants React

Introduction aux Composants React

Dans ce laboratoire, vous apprendrez les bases de la création, de l'exportation et de l'importation de composants React en créant un simple composant fonctionnel.
React
Configuration et première application React

Configuration et première application React

Dans ce laboratoire, vous apprendrez les étapes fondamentales pour configurer un nouveau projet React et exécuter votre première application React à l'aide de Vite.
React
Props React

Props React

Dans ce laboratoire, vous apprendrez les bases des props React, y compris comment passer des données des composants parents aux composants enfants, accéder aux props, utiliser la déstructuration et définir des valeurs par défaut.
React
Créer un Pixel Art Animator avec React

Créer un Pixel Art Animator avec React

Dans ce projet, nous vous guiderons tout au long de la construction d'un Pixel Art Animator simple à l'aide de React. À la fin de ce guide, vous aurez un éditeur d'art pixelisé de base où vous pourrez dessiner votre art pixelisé et voir l'animation résultante. Ce projet est accessible aux débutants et offre un moyen amusant d'immerger vous dans le monde de React et de l'art pixelisé !
ReactCSS
Créer une application Notes avec React

Créer une application Notes avec React

Dans ce projet, nous allons créer une application Notes simple en utilisant React. L'application permettra aux utilisateurs d'ajouter, d'éditer et de supprimer des notes. Nous diviserons le développement en plusieurs étapes, en nous assurant que chaque étape répond à des exigences spécifiques et ajoute des fonctionnalités essentielles.
JavaScriptReact
Construire une application de liste de souhaits de Noël avec React

Construire une application de liste de souhaits de Noël avec React

Ce projet vous guide dans la construction d'une application web génératrice de liste de souhaits de Noël festive utilisant React. L'application propose un beau fond d'écran au thème de Noël et une charmante animation de neige, renforçant l'ambiance des fêtes. Les utilisateurs peuvent ajouter des souhaits à un mur de souhaits semi-transparent, et chaque souhait est présenté sous forme de carte postale. Nous utiliserons React pour le frontend et CSS pour la mise en forme et les animations.
ReactCSS
Créer des composants React interactifs

Créer des composants React interactifs

Dans ce projet, vous allez apprendre à créer une fonctionnalité simple d'affichage/masquage à l'aide de React. Vous allez implémenter un bouton qui bascule la visibilité d'une image sur la page.
JavaScriptReact
Créer une carte de visite responsive avec React

Créer une carte de visite responsive avec React

Dans ce projet, vous apprendrez à créer une carte de visite personnelle en utilisant React. Le projet consiste à construire une application web responsive et interactive qui permet aux utilisateurs de saisir leurs informations personnelles et de générer une carte de visite personnalisée.
JavaScriptReact
Implémentation des fonctionnalités de navigation React

Implémentation des fonctionnalités de navigation React

Dans ce projet, vous allez apprendre à implémenter des fonctionnalités de navigation dans une application React. Vous allez créer une application simple avec une barre de navigation et des pages qui peuvent être atteintes via des liens.
JavaScriptReact
Application de filtre de couleurs React

Application de filtre de couleurs React

Dans ce projet, vous allez apprendre à construire une application de filtre de couleurs à l'aide de React. L'application permettra aux utilisateurs de filtrer une liste de couleurs en tapant le nom de la couleur qu'ils cherchent. Ce projet vous aidera à comprendre comment travailler avec la gestion d'état, la gestion des événements et le rendu conditionnel en React.
JavaScriptReact
Navigation responsive avec un Hook React personnalisé

Navigation responsive avec un Hook React personnalisé

Dans ce projet, vous allez apprendre à créer un Hook React personnalisé appelé useWindowSize pour obtenir la taille actuelle de la fenêtre et l'utiliser pour rendre conditionnellement la barre de navigation dans une application web.
JavaScriptReact
Votre premier laboratoire React

Votre premier laboratoire React

Bonjour et bienvenue sur LabEx! Dans ce premier laboratoire, vous allez apprendre le programme classique 'Hello, World!' en React.
React
  • Précédent
  • 1
  • 2
  • Suivant