Dette var uka for å leke i ballbingen 🎉, å få inn PRen sin først 🏎
— og 1906 ting som skjedde i frontend-verdenen!
Enklere responsivitet med Container Queries
Container Queries i CSS er en av de nyere tilskuddene til CSS som nå begynner å bli klar til å omfavne.
I følge caniuse.com så har de faktisk så høyt som 93.59% av alle brukere en nettleser som støtter container queries, så hva passer vel bedre enn en artikkel fra Josh W. Comeau om hvordan du kan bruke dem.

Vi har alle opplevd utfordringen med et fler-kolonne oppsett som, ved overgangen til én kolonne på mindre skjermer, plutselig gir en enkelt blokk et stort og tomt inntrykk.
I stedet for å måtte skrive en mengde spesialregler for ulike skjermstørrelser, kan du med container queries tilpasse nettopp den blokken. Dette er det Josh beskriver som container queries sitt “killer pattern”.
For meg er dette definitivt en teknologi jeg kommer til å bruke mye fremover, da den gjør det enklere å lage og vedlikeholde responsive brukeropplevelser. Ta en titt på Josh sin artikkel hvis du vil lære mer og bli inspirert!

Nå kan du bruke container queries i CSS - men hvorfor, og hvordan?
Oppgave-planleggingens syv slag
JavaScript er til tider veldig knotete. Siden JavaScript kjører på én enkelt tråd, kan store og tunge oppgaver gjøre at nettsiden føles treg og lite responsiv — nettleseren er rett og slett for opptatt med beregningene i stedet for å oppdatere brukergrensesnittet.
Alex MacArthur har gjort et lite dypdykk i hvordan du kan bryte opp større langtlevende oppgaver i mindre bolker, sånn at det ikke går utover brukerens opplevelse.
Han presenterer ikke bare én, men hele syv ulike metoder for å gjøre dette — alt fra den velkjente setTimeout, til mer moderne løsninger som å snakke direkte med scheduleren via scheduler.postTask.
Her var det mye nytt og nyttig informasjon. Overraskende for meg var at du ikke har noen garanti for at oppgaver som sendes til requestIdleCallback faktisk blir utført!
Denne bør du sjekke ut om ytelse i nettleseren er noe som fascinerer deg like mye som meg!

Bun 1.2 er ute – her er de 3 viktigste nyhetene
Frustrasjoner rundt Stripe
Til slutt vil jeg bare dele en video fra Theo, hvor han viser frem hvor vanskelig det kan være å jobbe med Stripe.
Jeg har lite erfaring med Stripe, men har i det siste sett litt på å bruke det på et hobbyprosjekt, og da var det godt jeg kom over denne videoen først!
Theo viser frem hvor mange rare situasjoner du kan komme i hvis du naivt nok tenker at webhook-eventene til Stripe er til å stole på. For events fra Stripe kan komme helt i hulter og bulter. Dette har i hans applikasjon ført til at noen brukere har endt opp med flere aktive abonnement for en og samme tjeneste.
Her kommer heldigvis Theo med noen gode tips for hvordan du kan unngå å tråkke i salaten med noen enkle grep.
Det var alt for denne gangen, vi ses igjen neste uke! 👋
