ReactJS Tutorial - 17 - List Rendering

📱 Follow Codevolution

When you build web applications, a common scenario is to display a list of items. For example, a list of names,
a list of products, a list of courses and so on. So what we want to is to repeat some HTML for each item in the list.
In this video, lets take a look at list rendering in React.

[rohitrai]

As I am watching more and more of your videos on React, I am becoming more and more confident. Thanks for covering everything so neatly. I can't thank you enough.

[gabrielbessa]

<h1> Best Teacher Ever </h1>

[zoalerix]

This man is a great Teacher, Knows how to explain but most importantly the tutorials are so well constructed as whole. Exceptional work Brother!

[shivakumar_bammidi]

I'm sure that no one can beat you in teaching the react concept in the next 10 decades.
Wonderful way of teaching.👏👏

[toannew]

6:10 JS code inside HTML code, then HTML code inside JS code
7:11 -7:26 Advantage of JSX code
9:18 refactor the code into separate components
10:30 destructure the props right in the parameter of function of fnctional component
11:13: common pattern when building applications that render lists of data
11:45 unique 'key' prop

[omarmahmood]

If anyone needs the persons array:

const persons = [
{
id: 1,
name: 'Bruce',
age: 30,
skill: 'React'
},
{
id: 2,
name: 'Clark',
age: 25,
skill: 'Angular'
},
{
id: 3,
name: 'Diana',
age: 28,
skill: 'Vue'
}
]

[attilathehun]

Best react tutorials I have seen so far. Short, simple, easy to understand. Good job, I hope you will be profiting from these.

[mannunni]

Big thanks to Vishwas for this beautiful classes, i am struggling to learn react to retain my position in my team. As a beginner last 2 months tried many methods now completely depending on this tutorial and getting some confidence. Thank you very much from 🇸🇬 singapore

[ivan-the-l]

Simply the best React course for the beginners. Thank you so much!

[amirkehtarian]

perfect teaching, minimal speak and maximum understanding of complex concepts, thanks to vishwa's master class free of charge in youtube
Thank you so much dear Vishwas🙏

[fredianriko]

straight 1 and half day I've been watching this playlist, still hanging in this list rendering video.

hang on, I'll make coffee and get back to the next videos

[zigzag]

7:44 "That sounded more complicated than it should be." Yep, he had me lost for a minute there.

[reeteshtiwari]

I will never forget three persons in my life:
Bruce, Clark and Diana

[gargigoyal]

thank you so much...you know what is the best part of your videos....that you explain each thing first by simply doing it and then step by step changing it and shows the you so much

[dishantkumawat]

guess what im watching this series for second time just as a revision and the github link is helping a lot . Not to mention best react teacher ever

[swapnilvmahajan]

Sir! you deserve a standing ovation.Thank you.

[Ermosparis]

Dear Vishwas, thank you very much for this great tutorial. It's a pleasure to learn with you. Thank you for your time and effort.

[gagandeepdayal]

Vishwas I never skip your ad on youtube as I know youtubers gets paid for ads viewed this is just my way of supporting you and yes I subscribed you as well. You are a teaching god.

[paintingmylifeawaify]

Your React tutorial series is amazing. Thank you for your hard work! :)

[amitbasp]

Youtube should start enabling a 'Love' button instead of 'Like' for such phenomenal videos :)