Rendering a List of Components in React
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
Видео Rendering a List of Components in React канала Sam Meech-Ward
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
Видео Rendering a List of Components in React канала Sam Meech-Ward
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
TDD and Unit Testing in iOS | Part 2 Stateful ObjectsReact Hooks: useStateUIScrollViews in iOS with SwiftSetting Up The AWS CLIiOS Storyboard Merge ConflictsTDD and Unit Testing in iOS | Part 3 View ControllersInternet Controlled Hand for Remote LecturesTHIS in JavaScriptDeleting files from S3 and CloudFront | Invalidate CloudFront CacheConditional Rendering Components in ReactWhat is Core Data? | Core Data #1Let's Build a Temperature Sensor with a Raspberry Pi Part 2SQL InjectionProtocols and Polymorphism in Swift | Protocol Oriented ProgrammingConfiguring Hostname and Password - Raspberry Pi for DevelopersSaving Entities | Core Data #2World's First Razor Blade Advent CalendarBuild Your First iOS app with UIKit and SwiftCloudFront Signed URLs with Node.jsGPT-4 Vision and Next.js Tutorial - Create Your Own AI Coding BotIntro to UIKit and UIViews | iOS and Swift