Créer un système de message de confirmation avec React

00:00 Présentation
00:20 Approche React (pas réutilisable)
01:35 Objectif
02:22 Solution 1: Composant Global
09:50 Solution 2: Contexte

Dans cette vidéo je vous propos de découvrir comment gérer l'affichage de message de confirmation dans une application React. On va chercher à développer une approche qui soit réutilisable et pratique à utiliser.

Soutenez Grafikart:

Retrouvez Grafikart sur:

[thibaultwalle]

Je crois que c'est le tuto sur lequel je reviens le plus, toujours très instructif même si le design du code est pas très naturel (en gros ça vient pas tout seul sans qu'on nous le dise, avec les fausses fonctions, fausses promises etc)

[marouaniAymen]

Merci pour cette vidéo, elle m'a poussé à réviser mon approche pour le même problème des boites de confirmation en React. Mon approche est différente de votre approche. En effet, dans le cas de plusieurs confirmations, j'ai pas définie une modale dans la racine du projet, mais plusieurs au niveau du composant appelant, comme ça le code est mieux lisible car il montre la présence de différents messages de confirmation avec différentes actions à faire; et en plus on ne risque pas de mélanger la logique d'affichage avec la déclaration des événements utilisateurs dans une seule action. Afin de les afficher, j'ai tout d'abord opté pour une solution où on exporte la modale avec un forwardRef et un ref qui expose open/close et la description des événements onConfirm et onReject sont des props dans la modale. En second temps, j'ai changé cette approche et je l'ai a remplacé par l'utilisation de Redux Toolkit qui va sauvegarder un état où j'ai un id pour chaque modale et pour l'afficher juste je dispatch une action avec l'id de la modale concernée et comme ça le close se fait automatiquement en interne. Ma deuxième solution avec Redux s'approche beaucoup de votre approche, sauf elle est basée sur une librairie. Je vais voir si je simplifie le code actuel, sinon je considère qu'il gagne en lisibilité et séparation par rapport à votre exemple de modal unique et globale.

[idrisscoder]

Salut Grafikart, stp est ce que tu peut faire un tuto sur l'intégration et le déploiement continue(configuration de pipeline) sur un VPS ?!. Merci