Carrito de compras - Tutorial de React.js

Una de las aplicaciones más clásicas que tenemos que eventualmente implementar cuando estamos desarrollando «front-end» va a ser algún tipo de versión de tienda online. En este caso estamos utilizando una de ellas. Acá vemos un catálogo de productos que estamos cargando a partir de un archivo externo, en este caso un archivo JSON, pero podría ser perfectamente una API. También vamos a, a través del botón Agregar al carrito, al hacer clic acá, vamos a enviar la información de este producto a este otro elemento donde vamos a tener primero el nombre del producto, el valor y el total de todos los productos seleccionados. Si, por ejemplo, agrego Tablet, vamos a tener que el total del precio es la suma de ambos elementos. El último proceso de un carrito de compras es que también necesitamos eliminar elementos de él. Así que si, por ejemplo, ya no quiero este «smartwatch», vamos eliminarlo. Se cambia la lista y también el precio a pagar. Una vez que estamos listos, podemos hacer clic en…