Lists & Keys in React | Create your own custom component (NgFor) in React to show list

Опубликовано: 19 Март 2026
на канале: Varun Prashar
227
4

In this video, I have explained about how to show a list of items in React. You will learn about .map methods in JSX and the role of “key” in each list item.

Topics covered:
1. Programming constructs like conditional & loops
2. How to loop through elements using .map() in JSX
3. Role of “Key” for each list item
4. Creating your own custom NgFor component for looping

Other Videos:
Complete React Roadmap:    • React Roadmap for developers 2021 | React ...  
What is React? useState hook:    • React Tutorial: What is React? | Thinking ...  
Props in React”    • What are props in React (in-detail)? | Con...  
Conditional rendering in React?:    • React Tutorial: What is conditional Render...  

Connect with me:
LinkedIn -   / varunprashar5  
Would love to mentor you or answer your queries personally on programming

Note: This video is for educational purposes and the content may have room for improvement. I would recommend checking documentation for more details as these techs keep on changing every day.