Fronteando
- Sacar el estado del DOM: un modelo que notifica sus cambios
El carrito del capítulo anterior hace lo que promete, pero su estado está repartido entre un array, unas variables y el texto de la pantalla. Para saber cuánto vale hay que mirar la página. Hoy sacamos ese estado a una clase que notifica sus cambios, y así podemos comprobar el total sin abrir el navegador.
- El carrito a lo bruto: construyendo un componente web sin seguir un patrón
Añadir productos, quitar productos y calcular el total: el carrito de compras de este artículo funciona sin necesidad de ningún framework, y sin embargo es código que nadie quiere mantener porque el estado, los eventos y el DOM están tan enredados que cualquier cambio conlleva más riesgo de lo que debería.
- Un store reactivo en vanilla JS
Cambia una variable y la pantalla se actualiza sola. Si has usado Vue, Solid, Preact o cualquier framework reciente, ese gesto te es familiar: escribes count.value++ y el DOM obedece. Parece magia. No lo es.
- Hola, Fronteando
Fronteando es un blog técnico de desarrollo web frontend, escrito en español: un lugar donde aprenderlo, con o sin asistente de por medio. Escribimos para quien quiere entender cómo funcionan las cosas por dentro, no solo para quien necesita resolver la tarea de hoy.