Repolode
Enviar
solidjs

solidjs/solid

Una biblioteca declarativa de UI para JavaScript que compila JSX en actualizaciones reales del DOM con reactividad granular, sin Virtual DOM.

Ver en GitHubSitio web
Estrellas
36,172
Forks
1,136
Issues abiertos
36
Último commit
ayer

¿Qué es?

Solid es una biblioteca de JavaScript para crear interfaces de usuario. En lugar de usar un Virtual DOM, sus plantillas JSX se compilan en nodos reales del DOM, y los cambios de estado solo actualizan las expresiones que dependen de ellos. Los componentes son funciones simples que se ejecutan una sola vez para configurar la vista; las señales, los valores derivados y los efectos se encargan del resto.

La biblioteca incluye primitivas integradas para gestionar el estado global mediante Context y Stores, además de Resources, Suspense y renderizado concurrente para cargar datos del servidor. También admite renderizado del lado del servidor con streaming e hidratación progresiva, así como Error Boundaries y Portals. Permite crear renderizadores personalizados, por lo que Solid puede funcionar en entornos distintos del navegador.

Solid se basa en JSX y TypeScript y se integra con Vite. Está diseñado para acceder directamente al DOM, así que se pueden usar bibliotecas nativas de JavaScript existentes, como D3, junto con Solid. Es compatible con las versiones de los últimos dos años de los navegadores modernos para escritorio y dispositivos móviles.

Funciones clave

  • 01Compila plantillas JSX en nodos reales del DOM con actualizaciones granulares
  • 02Seguimiento automático de dependencias mediante señales reactivas y valores derivados
  • 03Context y Stores integrados para gestionar el estado global
  • 04Resources, Suspense y renderizado concurrente para datos asíncronos
  • 05Renderizado del lado del servidor con streaming e hidratación progresiva
  • 06Admite elementos personalizados y renderizadores personalizados

Casos de uso

  • Crear aplicaciones de una sola página renderizadas en el cliente con reactividad granular
  • Crear aplicaciones web renderizadas en el servidor que requieren streaming e hidratación progresiva
  • Escribir componentes web reutilizables o elementos personalizados
  • Integrar bibliotecas nativas de JavaScript existentes, como D3, con acceso directo al DOM

Inicio rápido

  1. 1

    Crear la estructura inicial de una aplicación JavaScript con degit

    npx degit solidjs/templates/js my-app
  2. 2

    Entrar en la carpeta del proyecto

    cd my-app
  3. 3

    Instalar las dependencias

    npm i
  4. 4

    Iniciar el servidor de desarrollo

    npm run dev

Temas

#ui#reactive#jsx#frontend-framework#typescript#javascript#ssr#dom#declarative#fine-grained

Preguntas frecuentes

¿Qué es solid?
Una biblioteca declarativa de UI para JavaScript que compila JSX en actualizaciones reales del DOM con reactividad granular, sin Virtual DOM. Solid es una biblioteca de JavaScript para crear interfaces de usuario. En lugar de usar un Virtual DOM, sus plantillas JSX se compilan en nodos reales del DOM, y los cambios de estado solo actualizan las expresiones que dependen de ellos. Los componentes son funciones simples que se ejecutan una sola vez para configurar la vista; las señales, los valores derivados y los efectos se encargan del resto.
¿solid es gratuito? ¿Qué licencia tiene?
solid es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿solid sigue mantenido?
Mantenimiento activo. El último commit de solid fue el 24 oct 2026.
¿Para qué puedo usar solid?
Crear aplicaciones de una sola página renderizadas en el cliente con reactividad granular Crear aplicaciones web renderizadas en el servidor que requieren streaming e hidratación progresiva Escribir componentes web reutilizables o elementos personalizados Integrar bibliotecas nativas de JavaScript existentes, como D3, con acceso directo al DOM
¿Cómo se instala solid?
Crear la estructura inicial de una aplicación JavaScript con degit: npx degit solidjs/templates/js my-app Entrar en la carpeta del proyecto: cd my-app Instalar las dependencias: npm i Iniciar el servidor de desarrollo: npm run dev
¿Dónde consigo solid?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/solidjs/solid

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados