Dette var uken for brukertesting 🤷, hvor IoT virkelig ikke har noen grenser ⌨️, og hvor server komponenter viste seg i sin gamle drakt 📀.
Og 649 ting skjedde i frontend-verdenen!
Next.js Conf og rammeverk-krangel 🥊
Forrige uke var det duket for lanseringsbonanza fra Vercel i den 14. versjonen av Next.js, og det ville vært naturlig å starte ukens post med å gå i dybden på de største nyhetene i det populære rammeverket. Men det som er mer spennende å snakke om er drama om hvilket rammeverk som er best.
- Kent C. Dodds (som jobber for Remix) og kasta ut en brannfakkel på X, hvor han skriver om hvorfor han ikke bruker Next.js.
- Og da måtte jo selvfølgelig Lee Robinson, som jobber for Vercel, svare på nettopp hvorfor han bruker Next-
Krangler om Next.js: «Veldig bekymra!»
Blir ikke mere drama enn man lager selv. Hvis du faktisk er nysgjerrig på Next.js 14 kan du lese mer om den her.
Next.js 14 – én nyhet skaper debatt
Røde flagg i React
Forrige uke begynte med Jacob Paris’ tråd med ting han ikke liker at andre gjør i React-prosjektene sine.
Red flags in a React codebase
— Jacob Paris ⌘ (@jacobmparis) October 24, 2023
🚩 functions named handleClick,handleSubmit
🚩 preventDefault
🚩 useMemo
🚩 fetch inside useEffect
🚩 <div onClick/>
🚩 a "hooks" directory
🚩 css files
🚩 icon library in package.json
Alle har vel skrevet funksjoner med navn som handleClick og handleSubmit? Nei? Bare meg?
Men min elskede useMemo kommer jeg til å fortsette med, uansett om noen på nettet mener dette er et rødt flagg i kodebasen.
CSS text-wrap: pretty
“Valgfri optimalisert tekstinnpakning, for skjønnhet fremfor hastighet.” beskriver Googles Adam Argyle i hans bloggpost om CSS-regelen som Chrome nylig fikk støtte for.
Denne regelen gjør mer enn å bare sørge for at avsnitt ikke slutter med et enkelt ord, den justerer også bindestreker og omorganiserer teksten på tidligere linjer for å skape plass.
Sjekk ut posten på text-wrap regelen her:
🆕 blog post
— Chrome for Developers (@ChromiumDev) October 23, 2023
CSS text-wrap: pretty by @argyleink
"text-wrap: pretty is for generally better line wrapping and text breaking, currently focused on orphans. In the future, text-wrap: pretty may offer more improvements."https://t.co/mHb8qEmWxj pic.twitter.com/VlG5csDTOR
Mer oversiktlige nedtrekksmenyer
I nedtrekksmenyer med mange valg kan man nå legge til horisontale linjer som kan bidra til å gruppere de forskjellige elementene.
Ved å smelle på et par <hr>-tags gjør man slike nedtrekksmenyer mer lettleselige som kan bidra til bedre brukeropplevelser.
🆕 Quick HTML Tip: Now you can add horizontal rules between options in select elements
— Una 🇺🇦 (@Una) October 23, 2023
🚀 Support: Chrome 119 & Safari 17https://t.co/9sE6lLiSde pic.twitter.com/rrUQxQbyjE
Superenkelt triks og stor avkastning for brukeren!
Det var alt for denne gang! 👋