<ForrigeUke uke=”12" år=”2024" />

VitePress 1.0 — ditt nye SSG-valg? 🚀

VitePress 1.0 har endelig lansert sin første stabile versjon og føyer seg inn i rekken av tilgjengelige SSG-rammeverk. Der Hugo fra Google er kjent for sin overlegne byggehastighet finnes også Pelican for Python, SvelteKit for Svelte og Gatsby for React.

Eksternt innhold

VitePress overtar for VuePress og bygger på Vue 3 og Vite, fremfor Vue 2 og Webpack som sin forgjenger. Det skrytes av en betydelig bedre utvikleropplevelse, bedre produksjonsytelse og et mer fleksibelt API — kanskje valget burde falle på VitePress neste gang du trenger et SSG-rammeverk?

Remix blir Vite-first 💥

Fra en Vite-nyhet til en annen, Remix er nå Vite-first! Om du har lett etter grunner for å migrere React-prosjektet ditt til Remix kan kanskje denne nyheten være det endelige argumentet du trengte for å overbevise teamet ditt. I følge Remix byr denne endringen nemlig på flere forbedringer, deriblant støtte for SPA-modus, basename, server bundles og Cloudflare Pages, introduksjon av presets og generelt en mer adskilt client og server-kode.

Eksternt innhold

Om du skulle være gira på å komme i gang allerede nå er docsene oppdatert. Eventuelt følg denne docen og du skal migrere en eksisterende applikasjon 🔨

Elysia er stabil 🔮

Elysia, BunJS-rammeverket som lar deg bygge JavaScript-serverapplikasjoner hele 21x (!!!!) raskere enn NodeJS-varianten Express, er endelig ute i stabil versjon etter 1,8 år under utvikling. I denne artikkelen kan du lese om hvordan Elysia utfordrer NodeJS-rammeverk som Express, blant annet gjennom intuitiv og enkel typesikring, OpenAPI compliance og plugin-støtte.

Eksternt innhold

Kanskje blir det dette nye typesikre BunJS-rammeverket som tvinger Express ned fra tronen sin 👑. Sjekk ut Elysia her!

💡Apropos typesikring…

Har du noen gang prøvd å typesikre children til en komponent? Vel, det går faktisk ikke. For som Matt Pocock påpeker i denne artikkelen vil <Component /> alltid være JSX.element. Selv hvis du bruker as til å override returtypen til komponenten på denne måten:

const Option = () => (<option />) as any as "I should be showing below!";
const element = <Option />;

Men som Pocock videre spør — er typesikring av en komponents barn noe man egentlig vil?

I stedet for å begrense komponenten foreslår han heller å å bruke en prop, på denne måten:

<Select
  options={[
    { value: "1", label: "One" },
    { value: "2", label: "Two" },
    { value: "3", label: "Three" },
  ]}
/>

Det var alt for denne gang, god påske til deg og dine! 🐣 🌷 ☀️