Tous les tutoriels

Page 7

Senior

Découvert des signaux

Aujourd’hui, je vous propose de découvrir ensemble le principe des signaux, une nouvelle primitive qui permet de gérer la réactivité...

Junior

Tester S3 en local avec MinIO

Aujourd'hui, je vous propose de découvrir comment tester vos API S3 en local à l'aide de Minio. Minio est un outil qui permet d'héberger...

Intermédiaire

Conclusion

Bravo à tous ceux qui seraient arrivés jusqu'à la fin de cette formation ! J'espère que le contenu vous a plu et que mes explications...

Intermédiaire

Propriétés de rendu

Dans ce chapitre nous allons parler organisation de composant et voir comment résoudre un problème classique : la personnalisation...

Intermédiaire

Animer avec framer motion

Dans cette vidéo je vous propose de découvrir la librairie framer-motion qui va vous permettre de gérer facilement et simplement...

Intermédiaire

React router dom

Lors de notre TP on avait mis en place une navigation basée sur les hash dans l'url, mais dans un cas concret on va plutôt vouloir...

Intermédiaire

Tester du code react

Dans ce chapitre nous allons faire une petite aparté sur les tests unitaires dans le cadre de React. Comment tester les hooks et nos...

Intermédiaire

Le hook useContext

On a vu dans un chapitre précédent qu'on pouvait faire descendre ou remonter de l'information au travers des propriétés de nos...

Intermédiaire

Le hook useReducer

Le hook useReducer est un hook qui va permettre de représenter des changement d'état complexes à l'aide d'un réducteur. Le réducteur...

Intermédiaire

Chargement asynchrone via lazy()

lazy permet de charger un composant de manière asynchrone pour alléger le chargement initial de la page. Cela s'avèrera utile pour...

Intermédiaire Premium

TP : Blog avec React

Dans ce chapitre je vous propose de mettre en pause notre apprentissage et de mettre en pratique les compétences acquises jusqu'à...

Intermédiaire

Capturer les erreurs avec ErrorBoundary

Dans le cadre d'une application, il arrive parfois que certains composants aient des erreurs de rendu. Le comportement par défaut...

Intermédiaire

Les portails dans React

Les portails sont un moyen de "téléporter" un élément dans un endroit spécifique du DOM plutôt que comme un enfant...

Intermédiaire

Mémoisation et useCallback

Dans React un composant est rendu (le code de sa fonction est exécuté) à chaque fois que son état change ou lorsque le composant...

Intermédiaire

Créer un hook personnalisé

Lorsque l'on travaille avec React on va avoir la possibilité de créer des hooks personnalisés en se basant sur les fonctions que...

Intermédiaire

Le hook useRef

Le hook useRef va permettre de référencer une valeur qui n'est pas nécessaire au code du rendu et contrairement à l'état sa valeur...

Intermédiaire

Le hook useMemo

Comme on l'a vu dans le chapitre parlant des changements d'état la fonction d'un composant est appelée à chaque nouveau rendu ce...

Intermédiaire

Le hook useEffect

Dans certains cas certains composants vont avoir besoin de transférer des informations à des systèmes externes à React. Dans ce...

Intermédiaire

TP React : Liste de produit

Dans ce chapitre je vous propose de pratiquer un peu tout ce que l'on a vu jusqu'à maintenant à travers un exemple concret. Cet exemple...

Intermédiaire

Le flux de données dans React

Dans ce chapitre nous allons voir comment organiser le flux de données au sein d'une application React. Jusqu'à maintenant on a vu...

Intermédiaire

Les formulaires avec React

Maintenant que nous avons vu la notion d'état on va faire une petite aparté sur l'utilisation des formulaires et des champs dans...

Intermédiaire

Le hook useState

Le principal intérêt de React va être la possibilité de créer une interface réactive qui évolue en fonction des interactions...

Intermédiaire

La syntaxe JSX

Dans ce chapitre je vous propose de découvrir la syntaxe JSX qui est une syntaxe spécifique utilisée par React pour représenter...

Intermédiaire

Installation de React

Dans ce premier chapitre, nous allons voir comment commencer à utiliser React. Si vous voulez commencer simplement sans avoir à configurer...

Intermédiaire

Introduction à React

React est une bibliothèque JavaScript qui permet de simplifier la création d’interface. Elle permet une synchronisation plus simple...

Intermédiaire

Découverte de Vite

Dans la précédente vidéo nous avons parlé de l'écosystème JavaScript et je vous propose maintenant de découvrir un de ces outils...