Dette var uken for at en sommerstudent 🙋 i panikk gjenopprettet Twitter-passordet sitt 🕊, og 10-doblet antall Twitter-brukere han fulgte mandag kveld i håp om å finne en god blanding av memes og frontend nyheter. 🆙
…men det ble bare front-end nyheter.
Og 320 ting skjedde i frontend-verdenen!
Radix UI med versjon 1.0.0
Ta det fra en som jobbet med universell utforming hele sommeren; det hadde vært digg om det ordnet seg selv.
Radix UI, nok et komponentbibliotek for React, har nemlig fokus på akkurat det, accessibility - eller tilgjengelighet, for den som bruker Google Translate.
Endelig kan du si hadet til tab-index og :focus { border: 10 px solid red }. Radix UI fikser dette for deg, og nå følger de til og med semantisk versjonering.
Disclaimer: Releasen jeg lenker til er en oppdatering som skjedde i <ForrigeUkeOgEtParDagerSiden />, men det går vel fint?
12 nye krav til tilgjengelighet - nå må alt fungere på mobil, også
Hvordan vil du neste CSS?
Å neste CSS er mildt sagt en bekvemmelighet når det kommer til å skrive CSS.
Og du som har brukt SCSS eller liknende vet vel det, men hvordan skal man gjøre det hvis man gjør det i native CSS?
For Chrome-utviklerne står det mellom tre måter å neste CSS på; @nest, @nest restricted, og brackets.
Alle tre måtene er forklart med eksempler her, legg også igjen din stemme så vi får det riktig! ⏫
VueUse versjon 9 er ute
For deg som bruker Vue, eller tenker på å bruke Vue, eller bare er interessert; VueUse 9.0 er ute!
Denne versjonen gir deg muligheten til å sende inn en reactive getter i stedet for å måtte deklarere det på utsiden, i tillegg får du en math-pakke som gir deg en del nice funksjoner. Sjekk ut resten av releasen her:
⭐️ VueUse 9 is here!https://t.co/7uCvNtflnj
— VueUse (@VueUse) July 26, 2022
Kort oppsummert er det et bibliotek som har en hel del nyttige utility methods, ta en titt på dokumentasjonen for å se alle funksjonene.
Sverre falt av lasset og ble redd for frontend. Så prøvde han Vue.js
For deg som sliter litt med “extend” i TypeScript!
TypeScript er et flott verktøy å bruke, men kan være litt forvirrende noen ganger.
En Twitter-stjerne ved navn Matt Pocock legger stadig ut litt TypeScript-tips, og denne gangen lærer han oss en fin mental modell på hvordan man kan forstå extend bedre.
Sjekk ut videoen under; den tar deg to minutter å se og det er forklart på en fin måte. Da må man nesten bare se den!
🔥 TypeScript Tip #28 🔥
— Matt Pocock (@mattpocockuk) July 27, 2022
export type Result = string extends "matt"
? true
: false;
I always find these conditional types SUPER hard to read.
If you think Result is true, you might need a better mental model for assignability in TypeScript. pic.twitter.com/wHLRql6Nsh
Hvis du likte fyren og vil lære litt mer TypeScript, har han nettopp laget en Advanced TypeScript Workshop her.
En liten finurlighet til slutt 🤔
Det dukket faktisk opp en liten skumling her på slutten, til deg som leste alt!
Turns out it’s possible to implement TypeScript’s type system in TypeScript’s type system 😳
— Ronen Amiel (@ronenamiel) July 27, 2022
Check out https://t.co/TCWPX4Dd7R pic.twitter.com/TL3h3soPXS
Dette var alt jeg hadde å by på, takk for at du leste!