Frontend con React

📋 Listas y renderizado condicional

Renderiza colecciones con .map() y la prop key, decide qué pintar con condicionales y agrupa elementos con fragmentos.

Qué aprenderás

• Renderizar listas transformando un array con .map() y asignar una key única y estable
• Mostrar contenido condicional con el operador &&, el ternario ? : y return null
• Agrupar elementos hermanos sin un div extra usando fragmentos <>...</>
• Elegir entre id e índice como key según si la lista cambia de orden o tamaño

Lecciones