Why do We Need Keys in React?

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

• #education
• #web_development
• #codedamn
• #react_tutorial
• #react_js
• #learn_react
• #web_development_full_course
• #react_javascript
• #react_course
• #react_tutorial_2021
• #react_js_tutorial
• #react_js_full_course
• #react_tutorial_for_beginners
• #react_js_course
• #reactjs_course
• #react_js_18
• #reactjs_18
• #react_developer
• #reactjs_tutorial
• #react_crash_course
• #reactjs
• #reactjs_tutorial_for_beginners
• #react
• #learn_reactjs
• #javascript
• #learn_react_js
• #why_do_we_need_keys_in_react