- Hacer un fork de este proyecto
- Clonar el fork
- npm install
- npm start
A partir de la estructura de lo que fuimos haciendo en clase armar una página web que simule un listado de productos (usando JSON Placeholder para la carga de productos desde un servicio ) y que permita agregar los productos en un carrito de compras, que se van a ir guardando en el store de Redux.
- Portada con el listado de productos: cada producto se muestra en una card de Bootstrap y tiene un link para ver el detalle del mismo
- Detalle del producto: Descripción del articulo, un input para indicar la cantidad de productos y un botón para agregar producto al carrito
- Detalle del carrito de compras. Permite quitar productos del carrito
- Qué es el DOM?
- DOM vs Virtual DOM
- Librerias vs Frameworks
- Qué es React?
- Diferencias entre React y Angular
- JSX
- Formas de iniciar un proyecto con React
- Configuración con Parcel
- Componentes
- Propiedades
- Estados
- Stateful vs Stateless
- Ciclo de vida
- Consumir datos desde una API
- Estilos en componentes
- Render: server-side y client-side
- Trabajar con rutas
- Redux en Javascript plano
- Redux en React
- DevTools para Redux
- Persistencia de datos con localStorage
- Formularios
- Trabajo con formularios: Formik
- Funciones generadoras
- Sagas
- Hooks
- Observables
- Tests unitarios
- Documentación: StoryBook
- Estructura de un proyecto
- Clonar el repositorio
- Ejecutar
npm install
- Ejecutar
npm start
- Entrar a http://localhost:1234