Dette var uken for endring i etablerte normer 🗓️, hvor man viser hvor løsningsorientert man er når man står fast i arbeidshverdagen 🌲, og hvor kule ting skjer i byer 🌆.
Og 3.710 ting skjedde i frontend-verdenen!
Angular 17 — en renessanse?
Forrige uke hadde Google en storlansering av Angular, inkludert nye nettsider, nye opplæringsressurser, en playground for eksperimentering, samt Angular 17, som ble tilgjengelig 8. november.
Evelyn Taylor er så begeistret at hun mener denne versjonen er en Game Changer.
Angular prøver igjen – her er alt det nye
Blant de mange nye featurene skal Angular 17 ha bedre støtte for SSR og støtte for TypeScript 5.2. For å spice opp brukeropplevelsen har de laget et View Transition API for å gjøre det enklere å lage kule animasjoner når et view endres 💅🏼.
Kan dette, sammen med alle de andre kule featurene gjøre Angular mer populært igjen?
– Angular hiver alt i ansiktet ditt, man kan bli skremt
🍒 on the top & CSS
Har du som meg ønsket å lage ordentlig lekre skjemaer, men manglet det lille ekstra?
@jh3yy har skrevet om hvordan du bruker form control state og layered backgrounds til å lage en slags visualisert validering av feltene ✨
CSS Tip! ✨
— jhey ▲🐻🎈 (@jh3yy) November 10, 2023
You can lean into form control state and layered backgrounds to create input status strokes 😎
input:valid { --valid: 1; }
input {
background: var(--bg) padding-box, ...,
var(--valid-bg) calc((1 - var(--valid)) * 100cqi) 0 /
100% 100% border-box;
}
The… pic.twitter.com/hUnCGpBRgu
I tillegg har Stefan Judis skrevet om relaxed CSS nøsting, som har blitt lansert i Chrome, Safari og Firefox. Nå er det bare å nøste i vei, uten bruk av &@:.>~+#[* først 🪄
Relaxed native CSS nesting landed in all three engines.
— Stefan Judis (@stefanjudis) November 11, 2023
Previously a nested rule had to start with one of these chars &@:.>~+#[*.
This syntax limitation has been relaxed and you can now "just" nest stuff.
✅Chrome 120
✅Firefox 117
✅Safari 17.2 pic.twitter.com/9FIDSYCWuQ
Moderne Next.js-assistent
En ny GPT-assistent spesialisert på Next.js, App Router, Typescript og mer har blitt tilgjengelig den siste uken.
Den skal være oppdatert på Next.js 14, og det blir spennende å teste ut hva den er god for 👀
Og du — React sin offisielle dokumentasjon for “use server” har blitt betraktelig supplert! 🌟
Det var alt for denne gang! 👋🏻
