Découverte de ViteJS 1.0
Vite est un outil de build qui permet de délivrer le code front-end en utilisant les modules EcmaScript natif et qui utilise Rollup...
Tous les tutoriels
page 4
TP Recettes: Edition d'une recette
Nous allons finir notre système de recette avec la mise en place de la modification et suppression d'une recette.
Amateur
Premium
TP Recettes: Création d'une recette
Maintenant que l'affichage des recettes est géré, nous allons pouvoir créer le formulaire de création de recettes.
Amateur
Premium
TP Recettes: Gestion des recettes
Nous allons maintenant attaquer le cœur de notre application avec l'affichage des recettes.
Amateur
Premium
TP Recettes: Gestion des ingrédients
Maintenant que l'on a posé la base, je vous propose de mettre en place l'édition / suppression des ingrédients).
Amateur
Premium
TP Recettes: Récupération des ingrédients
Pour ce chapitre nous allons mettre en place l'interface générale de notre application et commencer à travailler sur l'affichage...
Amateur
Premium
TP Recettes: Authentification
Dans ce chapitre nous allons voir comment mettre en place l'authentification qui permettra de demander aux utilisateurs leur identifiant...
Amateur
Premium
TP Recettes: Introduction
Maintenant que nous avons vu les bases de React, je vous propose de mettre en pratiques tout ce que l'on a vu à travers un exemple...
Comment tester ?
Dans ce chapitre je vous propose de découvrir ensemble comment tester vos composants React à l'aide de la librairie Jest et de Testing...
Valider les propriétés
Dans ce chapitre nous allons voir comment valider les types à l'aide de prop-types. Lorsque votre application grandit, et le nombre...
Capturer les erreurs
Dans ce chapitre nous allons voir comment react réagit lorsqu'une exception est levée.
Les portails
Les portails vont vous permettre de monter un composant sur un élément spécifique du DOM tout en le gardant dans votre élément...
Les contextes
Dans ce chapitre nous allons voir comment faire communiquer des composants qui sont à différents niveau dans la structure de notre...
Récapitulatif des hooks
Dans ce chapitre nous allons faire un récapitulatif des différents hooks que l'on a vu jusqu'à maintenant et de leur rôle dans...
Le hook useReducer
useReducer est un hook qui permettra de définir un état en l'accompagnant d'une fonction réductrice qui permettra de décrire les...
Le hook useLayoutEffect
useLayoutEffect est un hook qui a un comportement similaire à useEffect mais pour lequel la fonction de rappel est appelée de manière...
Le hook useRef
Nous avons déjà évoqué le principe des ref lorsque l'on a vu la méthode React.createRef(). useRef est l'équivalent sous forme...
Les hook useMemo & useCallback
Un des problèmes que l'on rencontre avec les composants sous formes de fonctions est l'impossibilité de "sauvegarder" une...
Créer un hook personnalisé
Avant de continuer notre exploration des hooks je vous propose de mettre en pratique les 2 hooks que nous avons vu précédemment à...
Le hook useEffect
Le hook useEffect est un hook qui va permettre de déclencher une fonction de manière asynchrone lorsque l'état du composant change....
Le hook useState
Dans les chapitres précédent on a vu qu'il était possible de définir un composant à partir d'une simple fonction. function PrimaryButton...
React avec Parcel
Parcel est un bundler que j'ai déjà présenté dans une autre vidéo qui offre comme avantage principal une configuration minimale....
Create React App
Jusqu'à maintenant nous avons travaillé avec React en utilisant les scripts depuis un CDN et en utilisant babel en mode standalone....
React Dev Tool
Dans ce chapitre nous allons découvrir comment déboguer une application à l'aide de l'outil React Dev Tool. Cette extension est...
Les refs et le DOM
Comme on l'a vu depuis le début de cette formation React offre une couche d'abstraction qui permet de ne plus se soucier du DOM. Cependant...