Back to Browse

Rendering a List of Components in React

11.7K views
Sep 12, 2022
8:46

Using map to create a list of components super common in React. You need to know how to use map correctly, and this video will show you how This is video #4 in my react series: #3 React Props Explained: https://youtu.be/hpZmKR9FmQw #5 Event Listeners in React: https://youtu.be/lE31_0cXeAg Join this channel to get access to perks: https://www.youtube.com/channel/UC6aTLuI_j4-0wiDSzmaPctQ/join Chapters: 0:00​ Intro 0:20 App Setup 1:20 The wrong way 1:35 Array of Components 2:40 For Loop 3:45 Key 5:35 Map 7:12 Filter 7:41 Summary https://beta.reactjs.org/learn/rendering-lists#why-does-react-need-keys 🔗Moar Links My Website: https://www.sammeechward.com Instagram: https://www.instagram.com/meech_ward Twitter: https://twitter.com/Meech_Ward Github: https://github.com/orgs/Sam-Meech-Ward

Download

1 formats

Video Formats

360pmp420.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Rendering a List of Components in React | NatokHD