Dette var uken for kattekrangel🐈 — og 418 ting som skjedde i frontendverden!
Optimalisering, DX og kraftige verktøy 🧰
TypeScript 5.8 er nå ute og har blitt enda bedre! 🚀 Den nye versjonen gjør at programmer lastes og oppdateres raskere. Nå kan du også bruke require() for å importere ECMAScript-moduler når du bruker --module nodenext-modus. 🛠️
Stor nyhet: TypeScript går til Go, 10 ganger raskere
TanStack Form v1 er endelig her! 🎉 Denne stabile utgivelsen gir deg kraftige verktøy for å bygge skjemaer med React, Vue, Solid, Svelte og Lit. Med TanStack Form kan du nå lage dynamiske og responsive skjemaer med full kontroll over markup og stiler. Her er bare få av fordelene av å bruke TanStack Form v1:
- Ekstrem type-sikkerhet
- Skjema-validering
- Async validering
- Plattform support
React Query-skaperen vil gjøre skjemaer enklere
Disse oppdateringene gjør både TypeScript og TanStack Form enda mer kraftige og brukervennlige for utviklere!
Jeg gleder meg til å se om TanStack Form kommer til å bli tatt i bruk, og til og med konkurrere med React Hook Form?🌟
Hotte rammeverk 🔥
I mars 2025 har vi sett noen fantastiske oppdateringer i frontend-verdenen!
- 🌌 Astro har lansert versjonene 5.3 og 5.4, som gir raskere site-rendering og bedre sikkerhet, samt fjern-optimalisering av bilder i Markdown. Live forhåndsvisninger for Storyblok’s Astro SDK er nå stabile! Når du nå gjør endringer i Storyblocks editor, vil custom eventet storyblok-live-preview-updated bli utløst og nettsiden din vil automatisk oppdatere seg. Hot reload er herlig! ☕️
- Nuxt har også vært travelt opptatt med versjon 3.16, som inkluderer create-nuxt for en superenkel prosjektstart, oppgraderinger til Unhead v2, og ytelsesforbedringer som gjør Nuxt raskere enn noensinne. ⚡️
- SvelteKit har fått native støtte for Websockets, SSR-sikker ID-generering med $props.id(), og server-side routing for bedre ytelse. 🔗 Det blir smudere for utviklere det!
React får etterlengta nyhet: «Praktisk talt magi!»
Style som en kunstner 🧑🎨 🎨
CSS-verdenen har fått en skikkelig oppgradering i 2025, og her forklarer Kyle fra WebDevSimplified mye bra!
Fra @layer som lar deg organisere stiler som en proff, til Container Queries som revolusjonerer responsiv design, er det mye å utforske. Nesting gjør det enklere å skrive renere CSS 🪴, og Relative Colors gir deg dynamiske farger.
:has-selektoren lar deg style basert på children, mens Subgrid gir deg avanserte layoutmuligheter. Logical Properties forbedrer internasjonalisering, og ::backdrop lar deg style dialogelementer.
Med disse funksjonene blir CSS enda mer kraftig og fleksibel, det er absolutt verdt å sjekke ut! ✨
Det var alt denne gang, vi sees igjen neste uke 👀🔮
