Smittevern-tiltak: "Arrays must have less than 10 items!"

Dette var uken for dumme påfunn🤦🏻 og like dumme spørsmål 🤦🏻— men også uken for sosialisering på avstand. 🤗

Og i tillegg skjedde det flust av ting i frontend-verdenen!

Prettier 2.0 🎨

Vi starter med en pen update! Er det noe alle programmerere har et forhold til så er det hvordan koden formateres. Det kan oppstå hete diskusjoner om hvor mange spaces kodelinjer skal være indentert med eller om man skal bruke single eller doble fnutter — for å nevne noe.

Kodeformatereren vi har lært å elske , Prettier, lanserte i forrige uke ny major-versjon. Blant de mer spennende endringene finner vi nye defaults — blant annet at trailingCommaer satt til es5 i stedet for none. Det vil si at Prettier legger til komma på slutten der det er mulig hvis koden er multi-line — for eksempel et array eller objekt som går over flere linjer.

Babel 7.9.0

Babel kom også ut med ny versjon i forrige uke. Denne var dog av typen minor, men inneholdt fortsatt en del kule ting!

Som du ser av tweeten over blir det lovet “Smaller preset-env output” — som betyr en mindre bundle size. Og det har de jaggu klart! Ved å sette {bugfixes : true} i preset-env vil bundle-størrelsen drastisk minke, noe Jason Miller viser i sin Tweet:

Denne optimaliseringen vil være default i Babel 8.

Github på mobilen 📱

GitHub har lansert native app! Nå kan du gjøre code reviews på farten, samarbeide hvor som helst og holde deg mer oppdatert — med en fullt ut native GitHub-opplevelse. Hvis jeg bare husker GitHub-passordet mitt så skal jeg absolutt sjekke det ut jeg også😄

Sniktitt på React Router v6

I den nært forestående versjon 6 av React Router har utviklerne merget sammen det beste fra React Router og Reach Router — da utviklingen av sistnevnte vil bli stoppet.

Det nye hooks-baserte APIet ble lansert i v5 og noe av det vi kan glede oss til i v6 er:

• <Switch> blir til <Routes>
• Store endringer vil skje med <Route>-komponenten — blant annet blir component/render erstattet med element
• Nøstede Routes blir enklere
• useNavigate erstatter useHistory
• Bundle size går fra ~20kb i v5, til ~8kb i v6.

Sjekk ut utdyping av punktene i tweeten!

Suspense — hvordan funker det egentlig? 😬

Er du som meg som ikke har full oversikt over hva Suspense er, hva det gjør og hvordan det integreres i en webapp?

Look no further! Adam Rackis skriver i denne utdypende posten om nettopp dette — fra det mest elementære med Suspense og alle dets aspekter til å implementere det i en fullverdig Bibliotek-app. Jeg anbefaler å ta en kikk — virkelig en godt skrevet artikkel!

Smitteverntiltak 😷

Helt på tampen tar vi med noen smitteverntiltak fra Adam Klein og Dan Abramov som kan komme godt med i disse tider.

.