Una biblioteca declarativa de UI para JavaScript que compila JSX en actualizaciones reales del DOM con reactividad granular, sin Virtual DOM.
preactjs/preact
Una biblioteca de UI rápida, de unos 4 kB, compatible con React y con la misma API moderna de componentes, basada en un Virtual DOM.
Alternativa open source a:React
- Estrellas
- 38,951
- Forks
- 4,428
- Issues abiertos
- 43
- Último commit
- hace 22 horas
¿Qué es?
Preact es una biblioteca ligera de UI que ofrece el modelo de componentes de React, incluidas las clases de ES6, los hooks y los componentes funcionales, con un tamaño mucho menor. Está pensada para desarrolladores que quieren trabajar al estilo de React sin el tamaño de bundle de React.
La biblioteca incluye compatibilidad con JSX, un Virtual DOM, DevTools, reemplazo de módulos en caliente y renderizado del lado del servidor con hidratación integrada. Un alias preact/compat permite ejecutar muchas bibliotecas de React en Preact con un alto nivel de compatibilidad. El renderizado es asíncrono y cuenta con un scheduler configurable, y el algoritmo de diff está diseñado para minimizar las operaciones en el DOM.
Preact es compatible con todos los navegadores modernos. Las plantillas se pueden escribir en JSX o en HTM, que utiliza tagged templates de JavaScript estándar.
Funciones clave
- 01API de React familiar, con componentes de clase, hooks y componentes funcionales
- 02Alias preact/compat para ejecutar muchas bibliotecas de React
- 03Compatibilidad integrada con JSX, Virtual DOM, DevTools y reemplazo de módulos en caliente
- 04Renderizado del lado del servidor con hidratación integrada
- 05Renderizado asíncrono con un scheduler configurable
Casos de uso
- Crear un frontend al estilo de React cuando el tamaño del bundle importa, por ejemplo, en páginas donde el rendimiento es crítico
- Migrar gradualmente una aplicación de React existente mediante el alias compat
- Añadir componentes interactivos a sitios renderizados en el servidor
Inicio rápido
- 1
Instala Preact desde npm
npm install preact - 2
Importa render y h en tu aplicación y renderiza un componente en document.body
Temas
Preguntas frecuentes
- ¿Qué es preact?
- Una biblioteca de UI rápida, de unos 4 kB, compatible con React y con la misma API moderna de componentes, basada en un Virtual DOM. Preact es una biblioteca ligera de UI que ofrece el modelo de componentes de React, incluidas las clases de ES6, los hooks y los componentes funcionales, con un tamaño mucho menor. Está pensada para desarrolladores que quieren trabajar al estilo de React sin el tamaño de bundle de React.
- ¿preact es gratuito? ¿Qué licencia tiene?
- preact es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿preact sigue mantenido?
- Mantenimiento activo. El último commit de preact fue el 24 oct 2026.
- ¿Para qué puedo usar preact?
- Crear un frontend al estilo de React cuando el tamaño del bundle importa, por ejemplo, en páginas donde el rendimiento es crítico Migrar gradualmente una aplicación de React existente mediante el alias compat Añadir componentes interactivos a sitios renderizados en el servidor
- ¿Cómo se instala preact?
- Instala Preact desde npm: npm install preact Importa render y h en tu aplicación y renderiza un componente en document.body
- ¿Dónde consigo preact?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/preactjs/preact
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una biblioteca JavaScript muy rápida, similar a React, para crear interfaces de usuario de alto rendimiento en el cliente y el servidor.
Una biblioteca de JavaScript para crear interfaces de usuario interactivas con componentes componibles, disponible para la web, el servidor y plataformas nativas.
Omi es un framework de Web Components con JSX, reactividad basada en signals, router y compatibilidad con Tailwind, pensado para crear elementos personalizados reutilizables.
Un compilador que convierte componentes web declarativos en JavaScript eficiente que actualiza el DOM de forma precisa.
Un framework de React para crear aplicaciones web full-stack, con herramientas basadas en Rust que aceleran las compilaciones.