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.
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
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
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
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
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
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é
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
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
Introduction au rendu de listes React
Bienvenue dans la documentation React! Ce laboratoire vous introduira au rendu de listes.
React
Affichage conditionnel en React
Bienvenue dans la documentation React! Ce laboratoire vous présentera l'affichage conditionnel.
React
Création et imbrication de composants
Bienvenue dans la documentation React! Ce laboratoire vous présentera la création et l'imbrication de composants.
React
Présentation des hooks React
Bienvenue dans la documentation React! Ce laboratoire vous présentera l'utilisation des hooks.
React
Réponse aux événements
Bienvenue dans la documentation React! Ce laboratoire vous présentera la réponse aux événements.
React
Mise à jour de l'écran
Bienvenue dans la documentation React! Ce laboratoire vous présentera la mise à jour de l'écran.
React
Écrire du balisage avec JSX
Bienvenue dans la documentation React! Ce laboratoire vous présentera l'écriture du balisage avec JSX.
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
Zone de texte avec limite de caractères
Dans ce laboratoire, nous allons construire un composant de zone de texte limité à l'aide de React. Le but de ce laboratoire est de fournir une expérience pratique dans l'utilisation des hooks React, tels que useState() et useCallback(), pour créer un composant qui limite le nombre de caractères que l'utilisateur peut saisir dans une zone de texte. À la fin de ce laboratoire, vous aurez un composant de zone de texte fonctionnel qui affiche le compteur de caractères et limite le nombre de caractères que l'utilisateur peut saisir.
React
Chargement différé d'images dans React
Dans ce laboratoire, nous allons explorer la manière de mettre en œuvre le chargement différé d'images dans une application React. Le chargement différé améliore les performances de la page en retardant le chargement des images jusqu'à ce qu'elles soient nécessaires, en réduisant le temps de chargement initial et en améliorant l'expérience utilisateur. Nous utiliserons l'API Intersection Observer et les hooks React pour créer un composant réutilisable qui prend en charge le chargement différé d'images.
React
- Précédent
- 1
- 2
- 3
- 4
- 5
- 6
- Suivant