Materiales de la primera partde del webinar sobre React: from 0 to SPA impartido desde Ironhack Madrid | 45 min - mar. 2020
- Primera parte del webinar en este vídeo.
- Segunda parte del webinar (códigos + vídeo) en este este repositorio.
npm i o npm install sobre el directorio del proyecto permite la instalación de las dependencias.
npm start sobre el directorio del proyecto lo ejecuta en modo de desarrollo.
- Al renderizar en el navegador la vista con la tabla de alimentos, la consola muestra un error en relación a la
keyque cada elemento resultante de una iteración debe incluir. Investígalo y resuelve el error. - Crea un componente de clase de nombre
FoodCards.jsdotado de un estado donde almacenar la información de los alimentos. - En su método
render(), itera cada alimento del array presente en el estado mediante.map(). - Haz uso de React Bootstrap para mostrar un componente de tipo Card por cada alimento con su imagen, título y descripción.
- Enruta el componente en
App.jspara que sea renderizado bajo la URL http://localhost:3000/fichas