List and keys in React - full cheatsheet

In this video, I'll tell you about the list and keys in React. It's going to be a full cheatsheet, where you can find all the important information about the list and keys in React. Subscribe ► https://www.youtube.com/channel/UCPQy6LADYYamG_4a6TSIelQ?sub_confirmation=1 *************************************** Additional Resources The written version of this video: https://www.blog.duomly.com/list-and-keys-in-react/ React Component Lifecycle: https://www.blog.duomly.com/react-lifecycle-methods-with-hooks-cheatsheet/ React App with REST API in 5 Minutes: https://www.blog.duomly.com/how-to-create-react-app-in-5-minutes/ *************************************** List and keys in React are among the most basic concepts. It may be the first scary one for beginners who just started to create their first application using the React framework. And what's even scarier, you can't avoid using lists because almost every application has some kind of repeatable content. But in reality, really simple. It just needs to be explained. That's why in this video, I decided to explain what lists are, how to build a list in JSX, what keys are and how to fix one of the most common errors connected to list and keys you will see a lot of times in your console. This video will be a complete cheat sheet about lists and keys in React, so make sure you'll save it in your favorites to come back when you need to remind something. 0:00 - List and keys in React intro 1:11 - List in React 3:40 - Keys in React 6:20 - How to generate unique keys React? 8:43 - Each child in a list should have a unique "key" prop Subscribe ► https://www.youtube.com/channel/UCPQy6LADYYamG_4a6TSIelQ?sub_confirmation=1 MEET US: Website ► https://www.duomly.com Blog ► https://www.blog.duomly.com Facebook ► https://www.facebook.com/duomlyapp/ Twitter ► https://twitter.com/duomly Instagram ►https://www.instagram.com/duomly_programming_courses/ Linkedin ► https://www.linkedin.com/company/duomlyapp/ #react #listinreact #keysinreact