Logo de Dallonses

SolidJS

¿Qué es SolidJS?

SolidJS es una librería de JavaScript para construir interfaces de usuario. Se parece mucho a React, con JSX y componentes, pero el motor que hay debajo es completamente distinto. Solid usa reactividad fina y se salta el virtual DOM por completo. El resultado es uno de los rendimientos de renderizado más rápidos de cualquier librería de frontend.

La diferencia clave está en cuándo se ejecutan los componentes. Un componente de React vuelve a ejecutar toda su función cada vez que cambia su estado, y luego compara el resultado contra un virtual DOM. Un componente de Solid se ejecuta una sola vez. A partir de ahí, solo se actualizan las piezas exactas del DOM que dependen de un valor que ha cambiado, rastreadas mediante señales reactivas. En un panel en vivo donde un único número avanza cada segundo, se actualiza justo ese número, no el árbol que lo rodea. Es la misma filosofía de reactividad que Svelte, pero Solid lo hace en tiempo de ejecución con señales en lugar de en tiempo de compilación, y mantiene JSX y un estilo de escritura parecido al de React.

Frente a React, Solid cambia un ecosistema enorme por velocidad pura y una huella menor. Frente a Svelte, ofrece una API más familiar con sabor a React y un modelo basado en tiempo de ejecución. El coste es la madurez. Solid es más joven, así que su ecosistema de librerías y la cantidad de perfiles disponibles para contratar son menores que los de React, algo a tener muy en cuenta en un producto de larga vida.

SolidJS en Dallonses

Recurrimos a SolidJS cuando el rendimiento de la interfaz lo es todo. Paneles densos, vistas de datos en tiempo real, cualquier cosa con actualizaciones frecuentes y muy concretas donde el ciclo de re-renderizado de React se convierte en el cuello de botella. El modelo de reactividad encaja perfectamente con ese tipo de trabajo.

Tenemos claro el compromiso. Un ecosistema más pequeño significa más cosas que construimos nosotros mismos y menos gente disponible para mantenerlo después, así que solo recomendamos Solid cuando la ganancia de rendimiento lo justifica. Para la mayoría del desarrollo web seguimos apostando por defecto por el ecosistema de React, porque las herramientas que lo rodean son más profundas. Cuando los números justifican Solid, tomamos esa decisión con el cliente, no por él, y la documentamos para que el siguiente equipo entienda el porqué.

¿Construyendo una interfaz que tiene que seguir siendo rápida bajo actualizaciones constantes? Hablemos.

Hablemos del frontend

Servicios relacionados


¿Listo para trabajar juntos?

Reservar una reunión
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando