Essential React: 5 Mistakes to Master React DOM Refs

Publié le: 28 novembre 2023
sur la chaîne: UI Engineering
650
57

#reactjs
Guide through most common mistakes when using Refs to manipulate DOM in React.

📖 Concepts:
Why to use Refs, not DOM API selectors?
What is render and commit phase in React?
Why refs are called an escape hatch?
What aspects of DOM should be controlled by state and refs?

⏱️Timestamps:
00:00 - Video Outline
00:31 - Mistake #1 - Using DOM API selectors to query for DOM nodes
01:46 - Mistake #2 - Accessing DOM Ref before component mounts
02:36 - Mistake #3 - Accessing DOM Ref in render phase
06:34 - Mistake #4 - Accessing DOM Ref when component doesn't render it
10:00 - Mistake #5 - Modifying DOM directly where it should be managed by React

Icons: https://www.flaticon.com/


Sur cette page du site, vous pouvez voir la vidéo en ligne Essential React: 5 Mistakes to Master React DOM Refs durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur UI Engineering 28 novembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 650 fois et il a aimé 57 téléspectateurs. Bon visionnage!