Fundamentos

Nivel 8: Listas con .map

Objetivo

Crea un array de proyectos y renderízalos con .map() en un grid.

En este nivel aprenderás

Renderizas listas dinámicas con un array de proyectos y el método .map(), pasando cada elemento como props a ProjectCard. Aprenderás la prop key para identificar elementos en listas y cómo separar datos (projects.js) de la presentación.

Pasos a completar (0/5)

• 1Paso 1La página carga sin errores▾
• 2Paso 2Existe archivo de datos de proyectos▾
• 3Paso 3Existe sección <section id="projects">▾
• 4Paso 4Los proyectos se renderizan con .map()▾
• 5Paso 5Hay al menos 2 proyectos en pantalla▾