Dette var uken for et oppgjør med seg selv 🪞å tusle gjennom standupen 🎤 og nyte vårsolen 🌞 — Og 1 480 ting skjedde i frontend-verdenen!
Adjø Create React App 👋
Da var det også på tide å si adjø til en gammel venn! Create react app, som kom som et friskt pust inn i React-verdenen med sin null-config-setup av React-apper var lenge en go-to for både små og store prosjekter.
Etter å ha kranglet med Webpack-config og alskens herk i det som kunne føles ut som en evighet for å spinne opp en enkel app, var det en glede å kjøre en enkel kommando og få ut et helt klart prosjekt i andre enden.
Nyheten kom ikke helt uforventet, da det i flere år har vært anbefalt å ta i bruk rammeverk når man skal starte nye React-apper. Det er likevel ikke helt ukontroversielt, og det er delte meninger om serverside og rammeverk skal være standarden. Det tok heller ikke lange tiden før en drop-in replacement for å lage SPA-apper med TanStack Router var på plass! 🧩
Det presiseres også i blogposten at serverside-rendering er valgfritt, også med de fleste rammeverkene man kan ta i bruk 👌
Nå avlives Create React App – dette anbefales i stedet
Snacks fra Astro 🍬
Astro, rammeverket som har drevet med øyarkitektur🏝 ️en stund nå, har forrige uke sluppet ny minorversjon. Denne oppdateringen skal spare deg både tid og hodebry med kjappere sider, mindre config og enda bedre utvikleropplevelse.
Den største nyheten er at komponenter rendres asynkront kun når det er nødvendig, noe som kan gjøre SSR-responstidene opptil dobbelt så raske hvis vi skal tro metrikkene.
Noen andre bonuser i denne oppdateringen er en polering av sesjonslagring på serveren, konfigurasjonsmuligheter for pakkingen av appen, og automatiske HEAD-endepunkter ✨.
ESLint tar et steg for å bli språk-agnostisk 🎨
Verktøyet Eslint, som hjelper deg med regler for hvordan du skal skrive koden din, har nå kommet med støtte for å både skrive og sjekke etter regler i CSS.
Fra før av er det nesten umulig å starte et prosjekt uten at det følger med noen best-practices i form av en eslint-config 🤓.
Det betyr i praksis at ESLint nærmer seg å bli en one-stop-shop for å overholde god (og konsistent) kode-praksis i web-verdenen. Nå er det bare å spe på med regler som også dekker stilfilene, som i undetegnedes prosjekter til tider har vært mer eller mindre kaotiske 😵💫.
Det er muligheter for å legge til egne regler, og syntakser (som tailwind 👀) som gjør det veldig anvendelig 👌.
Sånn bygde de Hudd – appen som utfordrer Facebook
Apropos CSS! 🤓
Når vi først er inne på temaet så kom jeg over to blog-poster om CSS som var spennende for meg!
Transform er additiv ➕
Ukes som var ble det også skrevet en fin liten blogpost om hvordan Transform skiller seg ut fra en del andre CSS-properties. Verdiene som settes med transform overskriver nemlig ikke hverandre, men legges sammen før det tegnes ut. Du kan lese om det her👇
Snart kommer inline-if funksjonalitet!
Ikke helt klart enda, men i den seneste release-kandidaten til Chrome er det lage til støtte for if() inline i properties. Selv om det ikke byr på helt revolusjonerende muligheter, er det en hel del enklere å skrive vekslende verdier.
Et godt eksempel kan du finne i denne blogposten som skriver om veksling mellom light- og darktheme med den nye syntaksen.
Vi får bare glede oss til det blir bred støtte 😸
Aaand that’s that! 👋 Vi sees neste uke!
