Frontend with React

📋 Lists and conditional rendering

Render collections with .map() and the key prop, decide what to paint with conditionals, and group elements with fragments.

What you'll learn

• Render lists by transforming an array with .map() and assigning a unique and stable key
• Show conditional content with the && operator, the ? : ternary, and return null
• Group sibling elements without an extra div using fragments <>...</>
• Choose between id and index as key depending on whether the list changes order or size

Lessons