«<ForrigeUke /> er en artikkelserie som oppsummerer hva som skjedde i frontend-verden i uken som var.»

Vite+ er lansert ⚡️

Forrige uke skrev skaperen av Vue og Vite Evan You en bloggpost der han annonserte at de forrige uke (🤯) lanserte Vite+ på historiens første fysiske ViteConf i Amsterdam. Så hva er egentlig Vite+? Vite+ er et utviklerverktøy som brukes fra kommandolinjen og som kan lastes ned fra npm, akkurat som Vite selv. Det er en drop-in upgrade til Vite med ekstra features, så hva kan man egentlig gjøre med Vite+ som man ikke kan gjøre med Vite? 🤔

Med Vite+ kan du kjøre følgende kommandoer:

• vite new - setter opp grunnmuren for nye prosjekter, spesielt monorepoer, med anbefalt struktur for Vite+.
• vite test - kjører enhetstester med Vitest.
• vite lint - linter koden med Oxlint, som kommer med 600+ ESLint-kompatible regler og er opp til 100x raskere enn ESLint.
• vite fmt - formaterer koden med Oxfmt (ikke lansert enda), som er et alternativ til Prettier.
• vite lib - bundler biblioteker med best practices innbakt, ved bruk av tsdown.
• vite run - kjører oppgaver definert i monorepoet, feks scripts i package.json.
• vite ui - åpner GUI devtools som gir analyser og integrasjon med andre rammeverk-spesifikke devtools.

Så hvilket problem er det Vite+ prøver å løse? Kompleksiteten i JavaScript-verktøy og ytelse har blitt reelle flaskehalser for mange selskaper med store web-prosjekter. Store selskaper har ofte mange team, som kanskje bruker deres egne verktøy og har tatt egne valg uavhengig av hverandre. Da må eksempelvis håndtering av avhengigheter håndteres separat for hvert team. Målet med Vite+ er å tilby én samlet løsning for JavaScript tooling, slik at man kan fokusere på å bygge produkter heller enn å kaste bort tid på evaluering, konfigurering, bike-shedding og debugging av verktøyene man bruker. Så gjenstår det å se om det lykkes. 😄 Du kan lese mer om Vite+ her. 👇

voidzero.dev

Announcing Vite+

Introducing Vite+, a unified toolchain for JavaScript.

React compiler v1.0 er ute ⚛️

Jeg tar meg friheten til å skrive om noe som strengt tatt ikke skjedde i forrige uke. 😜 Teamet bak React publiserte nemlig nylig en bloggpost der de annonserte noen nye oppdateringer. React Compiler 1.0 er lansert, og hva er React Compiler? React Compiler optimerer komponenter og hooks automatisk, og bruker automatisk memoisering for å oppnå dette. I fjor ble første beta-versjon lansert, og det kom mye god feedback og mange gode bidrag fra folk i React-communitiet. For eksempel har både Sanity og Wakelet gjort case studier på kompilatoren. 🤝

Så hvordan har dette fungert i produksjon frem til nå? Kompilatoren har allerede blitt brukt i apper som Meta Quest Store, og det har blitt målt forbedringer på inntil 12% ved første lasting og på navigering mellom sider. Enkelte interaksjoner har også vært mer enn 2,5 gang raskere enn før. ⚡️ Det blir spennende å følge med på utviklingen videre, og om dette er noe som kommer til å ta av etter hvert. Du kan lese mer om React Compiler her. 👇

react.dev

React Compiler v1.0 – React

The library for web and native user interfaces

Det var alt for denne gang, ha en fin uke 👋