GuíaBásico

Guía de Fundamentos de React

Aprende el modelo mental de React: construir interfaces como una función del estado. La guía cubre pensar en componentes y composición, JSX y renderizado (incluidas las listas y por qué la `key` importa), estado con `useState` —y por qué es un snapshot por render, no un valor que cambia al instante—, eventos y handlers, estado derivado frente a estado guardado, efectos para sincronizar con sistemas externos, y cómo levantar el estado compartido al ancestro común. El eje es que la interfaz es una función del estado: describes cómo se ve para un estado dado, y React se encarga de actualizar el DOM cuando ese estado cambia. Cada módulo ejecuta en Node.js la lógica pura detrás de React —el filtrado y orden derivado, el reducer del carrito, un mini render-a-string, el orden render-commit-effect— para verificar el razonamiento sin depender de un navegador. El hilo conductor es el storefront de Mercado: lo descompones en componentes, le agregas búsqueda con estado derivado, un carrito con estado levantado y un reducer, y un efecto que carga los productos. Es el core del ecosistema Fullstack de NIEVA, apoyado en la base de HTML y CSS.