Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Preact
Què és Preact?
Preact és una llibreria de JavaScript per construir interfícies d'usuari. Replica l'API de React però pesa uns 3 kilobytes en lloc dels més de 40 de React. El mateix model de components, els mateixos hooks, el mateix JSX. Una fracció del pes pel cable.
La diferència no és només la mida. Preact parla amb el DOM real de manera més directa i corre el seu propi algorisme de diffing lleuger, així que es manté ràpid en mòbils modestos i connexions lentes. La major part del codi escrit per a React corre sobre Preact a través de la capa preact/compat, que redirigeix els imports de React a Preact per sota. Això el converteix en un reemplaçament directe per a molts projectes, encara que els casos límit al voltant dels esdeveniments sintètics i certes llibreries encara s'han de comprovar. Un web de màrqueting que carrega en menys d'un segon a 3G és justament el lloc on Preact es guanya el seu lloc.
Recorres a React quan necessites tot el seu ecosistema i la màxima compatibilitat de llibreries. Recorres a Preact quan la mida del bundle i el rendiment de càrrega són la restricció i encara vols una experiència de desenvolupament familiar. Solid i Svelte canvien el model mental del tot. Preact manté el model de React i retalla el cost.
Preact a Dallonses
Usem Preact quan un projecte viu o mor pel temps de càrrega. Widgets que s'incrusten en una pàgina de tercers. Landing pages mesurades per Core Web Vitals. Qualsevol cosa on cada kilobyte que descarrega l'usuari costa diners o atenció.
La part honesta és que Preact no sempre és la resposta. Algunes llibreries de React es recolzen en internals que compat no cobreix, i ho provem abans de comprometre'ns. Quan encaixa, el guany és real. Portem les mateixes habilitats de React sobre les quals ja corre el nostre desenvolupament web, publiquem un bundle molt més petit, i el client es queda amb un lloc més ràpid sense una reescriptura. Resolem junts si l'equilibri val la pena al teu stack.
Retallant temps de càrrega d'una app en React? Vegem si Preact encaixa.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
