Spring GDS 25 Aniversario
Una empresa de logística que envía a 190 países construyó algo para enviarse a sí misma.
Preact
¿Qué es Preact?
Preact es una librería de JavaScript para construir interfaces de usuario. Replica la API de React pero pesa unos 3 kilobytes en lugar de los más de 40 de React. El mismo modelo de componentes, los mismos hooks, el mismo JSX. Una fracción del peso por el cable.
La diferencia no es solo el tamaño. Preact habla con el DOM real de forma más directa y corre su propio algoritmo de diffing ligero, así que se mantiene rápido en móviles modestos y conexiones lentas. La mayor parte del código escrito para React corre sobre Preact a través de la capa preact/compat, que redirige los imports de React a Preact por debajo. Eso lo convierte en un reemplazo directo para muchos proyectos, aunque los casos límite alrededor de los eventos sintéticos y ciertas librerías aún hay que comprobarlos. Una web de marketing que carga en menos de un segundo en 3G es justo el sitio donde Preact se gana su lugar.
Recurres a React cuando necesitas todo su ecosistema y la máxima compatibilidad de librerías. Recurres a Preact cuando el tamaño del bundle y el rendimiento de carga son la restricción y aún quieres una experiencia de desarrollo familiar. Solid y Svelte cambian el modelo mental por completo. Preact mantiene el modelo de React y recorta el coste.
Preact en Dallonses
Usamos Preact cuando un proyecto vive o muere por el tiempo de carga. Widgets que se incrustan en una página de terceros. Landing pages medidas por Core Web Vitals. Cualquier cosa donde cada kilobyte que descarga el usuario cuesta dinero o atención.
La parte honesta es que Preact no siempre es la respuesta. Algunas librerías de React se apoyan en internals que compat no cubre, y lo probamos antes de comprometernos. Cuando encaja, la ganancia es real. Traemos las mismas habilidades de React sobre las que ya corre nuestro desarrollo web, publicamos un bundle mucho más pequeño, y el cliente se queda con un sitio más rápido sin una reescritura. Resolvemos juntos si el equilibrio merece la pena en tu stack.
¿Recortando tiempo de carga de una app en React? Veamos si Preact encaja.
Servicios relacionados
Trabajos relacionados
Vizitio
Convertir una marca en un negocio que funciona.
Access Ticket
Medio millón de personas. Una app. Cero caos.
¿Listo para trabajar juntos?
Reservar una reunión
