JavaScript446-React.js-Implémentation de la route sur le bouton MODIFIER et interface avec textarea

►Blog: https://www.e-genieclimatique.com/apprendre-le-javascript-pour-etre-developpeur-web-mes-videos-sur-le-sujet/
Dans cette vidéo, dans le frontend, j'implémente la route "updateOnePost" vu dans la vidéo précédente sur le bouton "MODIFER" le post. Chaque post dans le feed est modifiable. Et je fais l'interface du composant qui change lorsque l'on clique sur le bouton "MODIFIER". La grande difficulté a été de transférer les informations entre les deux composants enfants (FeedButton et FeedPost) en passant par le composant parent (FeedDisplayPost), d'adapter l'interface suivant que l'on ait appuyé ou pas sur le bouton "MODIFIER" et "ENVOYER" et de faire un re-render des composants.

►►Sommaire :
►00:00 Présentation
►05:44 Organisation des fenêtres dans Visual Studio Code
►07:35 Création du composant FeedPosts
►11:10 La fonction updatePostHandler( )-Recevoir l'information de l'enfant qu'il y a eu un clic sur le bouton MODIFIER
►17:39 Récupération de l'id de post lorsque l'on clique sur le bouton "MODIFIER"
►21:33 Création du state isUpdatingPost avec 2 propriétés : isUpdating et postToEdit
►25:36 L'affichage conditionnel des boutons "MODIFIER" et "ENVOYER" dans le composant FeedButton
►36:06 L'affichage conditionnel du textarea dans le post sélectionné lorsque l'on clique sur le bouton "MODIFIER"
►44:42 Mettre les modifications du message du textarea dans le state messageTextarea
►50:21 Transmettre l'information du clic sur le bouton "ENVOYER" du composant FeedButton au composant FeedPosts
►55:16 La condition pour envoyer les données vers le serveur
►01:00:46 La requête PUT pour envoyer le message modifié au serveur
►01:08:55 Quand j'ai la réponse du serveur repasser l'interface du post à l'état initial
►01:18:40 Conclusion

►Playlist-J'apprends le JavaScript : https://www.youtube.com/watch?v=PKjDWbeKUUU&list=PLF88SKt6r7NbipYFd8-xPRAgelSNMTQgm

►►Soutenez la chaîne TMETLARDY / e-genieclimatique, abonnez-vous : http://bit.ly/e-genieclimatique

►►Souscription à la chaine (zone membre - membership) : https://www.youtube.com/channel/UCyxTI0gODYzGMisT9zv_Nhw/join

►Blog : https://www.e-genieclimatique.com/plan-du-site
►Twitter : https://www.twitter.com/egenieclim
►Facebook : https://www.facebook.com/egenieclimatique
►Instagram : https://www.instagram.com/egenieclimatique

Temps montage (hors encodage et upload) :

Matériels production lien Amazon :
►Stream Deck 15 touches: https://amzn.to/3qiR8IC
►Philips 27" 279C9/00 4K UHD : https://amzn.to/36DcwiV
►AMD Ryzen9 3900 : https://amzn.to/3kICV2F
►ASUS TUF Gaming NVIDIA GeForce RTX 3060 V2 12GB : https://amzn.to/3wrKCDv
►ASUS ROG CROSSHAIR VIII HERO WIFI : https://amzn.to/2RUTdcs
►ASUS ROG XG17AHPE : https://amzn.to/32XXpya
►Blue Microphone Yeti Microphone USB : https://amzn.to/2Ew7qJM
►Sony RX100M3 : https://amzn.to/2RUTCeY
►iPad Pro : https://amzn.to/2RUVRyF
►Clavier Logitech MX Keys Plus : https://amzn.to/36gGysP