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

Hvorfor rendrer egentlig React ting? ⚛️

Det begynner å bli mange blogposter og guider på hvordan rendring eeeeeegentlig funker i react. De aller fleste av oss har nok vært borti både utilsiktede re-rendringer, og klødd oss i hodet for å finne ut av hva som foregår når staten plutselig blir reinitialisert 😵‍💫.

Uansett, så er ui.dev på ballen med et ferskt dypdykk i hvordan, hvorfor og hva som skjer når en komponent re-rendres. For de som ikke er helt på ballen med batching som kom i React 18 eller hva React.memo gjør, så er det gode forklaringer på det også! 🤩

The Interactive Guide to Rendering in React

Denne er en av de beste jeg har lest gjennom, og kommer med fabelaktige forklaringer, god grafikk og interaktive eksempler. Absolutt deleverdig med både unge og gamle erfarne på teamet ditt! 📚

Skumle komponenter og skjelett-ui ☠️

Det er ikke bare i CMS-verdenen at headless er all the rage. De siste årene har det virkelig gått veien for headless komponenter, som altså er komponenter som ikke er stilsatte.

Det er dukker opp flere biblioteker som nå tilbyr ferdige komponenter som du selv legger på styling, som en slags motbevegelse til å måtte knøvle med å overskrive stiler.

How headless components became the future for building UI libraries

Nettopp den økende populariteten for biblioteker som Radix Primitives og React Aria skriver Irvin Zhan om i blogposten over.

Og mens vi snakker om headless komponenter, så har Adam Argyle nylig skrevet en veldig tematisk (👻) post om andre abstraksjonsnivåer for grensesnitt — headless, boneless, skinless og lifeless.

Headless, boneless, skinless & lifeless UI · October 16, 2024

Er Next.Js for vendor-locked?

Akkurat på tampen av forrige ukes lansering av Next 15, kommer det andre ganske spennende nyheter rundt prosjektet OpenNext.
OpenNext har som målsetning å tilby funksjonalitetene fra Next.js som man kun får ved å ha applikasjonen på hostingplatformen til Vercel (de som står bak Next.js) til andre platformer ☁️.

Netlify Joins OpenNext | Netlify Blog

Denne uken ble det nemlig klart at Netlify blir med på OpenNext-prosjektet (som fra før av blant annet har Cloudflare med på laget). Det sender hvertfall tydlige signaler til konkurrenten Vercel, og kanskje er det noe i det at Next.js er litt for vendor-locked? 🔏

TIL: Man trenger ikke nye Errors i Javascript.

Cory kommer med tipset om at man strengt tatt faktisk ikke trenger å lage nye instanser av Error hver kan man skal throwe.

Eksternt innhold

Jeg tror likevel jeg av gammel vane kommer til å bruke new Error, men moro likevel 😸

Aaand that’s that! 👋 Vi sees neste uke!