Vai al contenuto

TanStack Redact alleggerisce React rinunciando al rendering interrompibile

Redact 0.2.0 sostituisce React nel browser senza riscrivere l’app: file più piccoli, ma rendering sincrono che può ritardare gli input nelle schermate pesanti.

Che succede

TanStack Redact alleggerisce le applicazioni React conservando componenti, hook e import già scritti. La versione 0.2.0, presentata il 26 ottobre, si integra nella configurazione di build di TanStack Start, Vite, Vinext e Next.js e sostituisce il codice che gestisce l’interfaccia nel browser.

Con Next.js e Vinext, React continua a occuparsi del rendering sul server e dei Server Components. Redact prende in carico l’attivazione della pagina ricevuta dal server e gli aggiornamenti dell’interfaccia sul dispositivo dell’utente. Nel confronto pubblicato da TanStack su una piccola applicazione, il totale di JavaScript e CSS client compresso si riduce del 20,4% con Next.js e del 70,5% con Vite: numeri relativi a quelle build, non al download di qualsiasi pagina.

Il risparmio comporta una scelta precisa. Redact esegue il rendering in modo sincrono, senza il lavoro interrompibile di React: un aggiornamento pesante della schermata può ritardare gli input. I benchmark citati misurano i file prodotti; non misurano la velocità del rendering nel browser o dell’attivazione della pagina.

Perché conta

Redact rende accessibile un risparmio senza chiedere di abbandonare i componenti React già costruiti. La contropartita si sente soprattutto dove quei componenti fanno molto lavoro: proprio una schermata complessa può scaricare meno codice e trattenere più a lungo un clic durante l’aggiornamento.

Vuoi sapere di più su pillole come questa?