Logo de Dallonses

SolidJS

Què és SolidJS?

SolidJS és una llibreria de JavaScript per construir interfícies d'usuari. S'assembla molt a React, amb JSX i components, però el motor que hi ha a sota és completament diferent. Solid fa servir reactivitat fina i se salta el virtual DOM del tot. El resultat és un dels rendiments de renderitzat més ràpids de qualsevol llibreria de frontend.

La diferència clau és quan s'executen els components. Un component de React torna a executar tota la seva funció cada vegada que canvia el seu estat, i després compara el resultat amb un virtual DOM. Un component de Solid s'executa una sola vegada. A partir d'aquí, només s'actualitzen les peces exactes del DOM que depenen d'un valor que ha canviat, rastrejades mitjançant senyals reactius. En un panell en viu on un únic número avança cada segon, s'actualitza just aquell número, no l'arbre que l'envolta. És la mateixa filosofia de reactivitat que Svelte, però Solid ho fa en temps d'execució amb senyals en comptes de en temps de compilació, i manté JSX i un estil d'escriptura semblant al de React.

Davant de React, Solid canvia un ecosistema enorme per velocitat pura i una empremta menor. Davant de Svelte, ofereix una API més familiar amb gust de React i un model basat en temps d'execució. El cost és la maduresa. Solid és més jove, així que el seu ecosistema de llibreries i la quantitat de perfils disponibles per contractar són menors que els de React, una cosa a tenir molt en compte en un producte de llarga vida.

SolidJS a Dallonses

Recorrem a SolidJS quan el rendiment de la interfície ho és tot. Panells densos, vistes de dades en temps real, qualsevol cosa amb actualitzacions freqüents i molt concretes on el cicle de re-renderitzat de React es converteix en el coll d'ampolla. El model de reactivitat encaixa perfectament amb aquesta mena de feina.

Tenim clar el compromís. Un ecosistema més petit significa més coses que construïm nosaltres mateixos i menys gent disponible per mantenir-lo després, així que només recomanem Solid quan el guany de rendiment ho justifica. Per a la majoria del desenvolupament web seguim apostant per defecte per l'ecosistema de React, perquè les eines que l'envolten són més profundes. Quan els números justifiquen Solid, prenem aquesta decisió amb el client, no per ell, i la documentem perquè el següent equip n'entengui el perquè.

Construint una interfície que ha de continuar sent ràpida sota actualitzacions constants? Parlem-ne.

Parlem del frontend

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant