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.
Autres Arbres de Compétences
LinuxDevOpsCybersécuritéDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxFormation RHCSAFormation RHCE in Enterprise LinuxFormation LFCSShellGitDockerKubernetesFormation CKAFormation CKADFormation CKSAnsibleFormation RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABase de donnéesMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Développement webScience des données
É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
Props dans React
Dans ce laboratoire, vous apprendrez les fondamentaux des props dans React, notamment comment transmettre 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.
ReactJavaScript
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.
ReactJavaScript
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.
ReactJavaScript
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
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.
ReactJavaScript
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.
ReactJavaScript
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.
ReactJavaScript
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.
ReactJavaScript
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é !
ReactCSSJavaScript
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.
ReactJavaScriptCSS
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.
ReactJavaScriptCSS
Création d'un graphique de contributions en heatmap avec React
Ce projet vous guidera dans la création d'un calendrier en heatmap avec React, ressemblant au graphique de contributions de GitHub. Ce type de calendrier peut être un moyen captivant de visualiser les données d'activité au fil du temps, avec l'intensité de la couleur indiquant le niveau d'activité sur un jour donné. À la fin de ce projet, vous comprendrez clairement comment intégrer et utiliser un calendrier en heatmap dans une application React.
ReactJavaScriptCSS
Création d'un jeu de puzzle glisser-déposer en React
Dans ce projet, nous allons créer un jeu de puzzle glisser-déposer à l'aide de React. Il s'agit d'un excellent projet pour les débutants qui souhaitent apprendre à connaître les composants React, la gestion de l'état et la gestion des interactions utilisateur. À la fin de ce projet, vous aurez un jeu de puzzle fonctionnel.
ReactJavaScriptCSS
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.
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.
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.
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.
ReactJavaScript
- Précédent
- 1
- 2
- Suivant