Se presento desafio por instalacion de React con CLI
Dentro src se creo una carpeta llamada "components", que contiene a NavBar.js, con el objetivo de crear una barra de navegacion simple (brand + menu clickeable)
Se incorpora Semantic UI v2.0.3
Se crea un component CartWidget.js con un icono y se lo ubica en navbar. Luego se crea un componente contenedor ItemListContainer.js con una prop greeting, y muestra un mensaje dentro del contenedor.
Para ordenar el proyecto, a medida que se tienen nuevos desafios, se hace una reestructuracion del proyecto.
- El ItemListContainer con la prop greeting se reemplaza por un componente Greeting.js que si bien esta dentro del directorio /Header, se importa debajo del componente NavBar.js en App.js
- ItemListContainer se deja solo para mostrar el listado de productos.
- El listado de productos se levanta dentro del componente ItemList.js
- Los productos se muestran con el componente Item.js, adoptando los estilos provistos por el componente Card propio de Semantic UI.
Para el desafío de CONTADOR CON BOTON se deja el mismo dentro del directorio Hooks/Counter/StockCounter.js y se pasa una prop de 5 productos inStock para condicional de agregar productos y una condicion para no decrementar productos negativos.
Para el desafío CATÁLOGO CON MAPS Y PROMISE se arma una API con productos simulados, subidos a MockIo para obtener el endpoint y hacer el llamado por promise y fetch. Se establece una carga diferida de 2s para emular retrasos en carga.