Why do We Need Keys in React?
11 هزار بار بازدید -
3 سال پیش
-
In this video, I talk
In this video, I talk about the importance of keys in React and how virtual DOM enables React to only update the elements that have been changed.
⚛️ Learn Full Stack Development with React JS: https://cdm.sh/fullstack
Timestamps
0:00 Video Starts
0:31 Difference between DOM and Virtual DOM in React
1:27 Graph Representation of DOM
2:16 Graph Representation of Virtual DOM
2:42 Graph Representation of Map method
3:37 Working of Virtual DOM using keys
6:11 Common mistake while working with keys
7:33 Outro
👉 Free HTML5 + CSS3 Course: https://cdm.sh/htmlcsscourse
👉 Free JavaScript Course: https://cdm.sh/jsbasicscourse
👉 Free ReactJS Course: https://cdm.sh/react
👉 Free NextS Course: https://cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: https://cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: https://cdm.sh/ig
Twitter: https://cdm.sh/twt
Facebook: https://cdm.sh/fb
GitHub: https://cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - https://cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: https://cdm.sh/mehulig
📱 Twitter: https://cdm.sh/mehultwitter
📝 LinkedIn: https://cdm.sh/mehullinkedin
📂 GitHub: https://cdm.sh/mehulgithub
🌎 Personal website: https://cdm.sh/mehulblog
💻 Start learning to code for free: https://cdm.sh/codedamn
🧑🤝🧑 Discord community: https://cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: https://cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: https://cdm.sh/jstutorial
👉 Complete React Crash Course: https://cdm.sh/reacttutorial
👉 Next JS Tutorials: https://cdm.sh/nextjsytplaylist
🏷 Video Tags:
Why do We Need Keys in React
React.js course
React 18 full course
Learn react.js free
React free tutorials
React course
React beginner tutorial
React.js full course
👉 Check out my other personal YouTube channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: https://cdm.sh/mehulyt
⚛️ Learn Full Stack Development with React JS: https://cdm.sh/fullstack
Timestamps
0:00 Video Starts
0:31 Difference between DOM and Virtual DOM in React
1:27 Graph Representation of DOM
2:16 Graph Representation of Virtual DOM
2:42 Graph Representation of Map method
3:37 Working of Virtual DOM using keys
6:11 Common mistake while working with keys
7:33 Outro
👉 Free HTML5 + CSS3 Course: https://cdm.sh/htmlcsscourse
👉 Free JavaScript Course: https://cdm.sh/jsbasicscourse
👉 Free ReactJS Course: https://cdm.sh/react
👉 Free NextS Course: https://cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: https://cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: https://cdm.sh/ig
Twitter: https://cdm.sh/twt
Facebook: https://cdm.sh/fb
GitHub: https://cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - https://cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: https://cdm.sh/mehulig
📱 Twitter: https://cdm.sh/mehultwitter
📝 LinkedIn: https://cdm.sh/mehullinkedin
📂 GitHub: https://cdm.sh/mehulgithub
🌎 Personal website: https://cdm.sh/mehulblog
💻 Start learning to code for free: https://cdm.sh/codedamn
🧑🤝🧑 Discord community: https://cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: https://cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: https://cdm.sh/jstutorial
👉 Complete React Crash Course: https://cdm.sh/reacttutorial
👉 Next JS Tutorials: https://cdm.sh/nextjsytplaylist
🏷 Video Tags:
Why do We Need Keys in React
React.js course
React 18 full course
Learn react.js free
React free tutorials
React course
React beginner tutorial
React.js full course
👉 Check out my other personal YouTube channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: https://cdm.sh/mehulyt
3 سال پیش
در تاریخ 1400/05/30 منتشر شده
است.
11,083
بـار بازدید شده