Dette var uken hvor det aldri er for sent å lære 👨💻, en minneverdig markering skjedde ⚰️, og nye Backstreet Regjering ble oppretta.
Og 21 705 ting skjedde i frontend-verdenen!
Recoil 🔫
Et nytt eksperimentelt bibliotek for å håndtere state for React ble introdusert på React Europe sin online konferanse forrige uke, og det ser veldig kult ut!
Motivasjonen bak Recoil er at React har noen begrensninger når det kommer til tilstandshåndtering. Hvis det er flere komponenter som er avhengig av samme state som bor lengre opp i treet, jo større del av treet vil trenge en re-render dersom staten blir oppdatert, og det kan bli kostbart. Ved å ha et atom, som er en unit av state, kan komponenter lytte på kun dette feltet om det endrer seg.
Det er som sagt eksperimentelt, men det blir veldig spennende å følge dette! Hvis du vil se foredraget fra konferansen så har du den her:
Deno 🦕
Versjon 1.0.0 av Deno kom også forrige uke! Deno er et sikkert runtime system for JavaScript og TypeScript.
De forsøker å gi et standalone verktøy for kompleks kode, og bare skal eksistere i én fil (😱). Deno skal oppføre seg som en nettleser, som vet hvor den skal hente ekstern kode. Med stor fokus på sikkerhet og innebygd støtte for TypeScript, så blir dette bare bedre og bedre!
For en liten introduksjon av hva det er kan du jo sjekke ut vidoen:
Neste Next.js ⏭
Versjon 9.4 ble releaset, med en del gode forbedringer! Det kommer med blant annet hot reloading. Før hadde de noe de kaller en “grov” hot reloading som rett og slett er en hot refresh fordi de mente at funksjonaliteten har vært for skjør. Nå har de implementert funksjonalitet som baserer seg på React Refresh, noe som gir en mye mer elegant utvikleropplevelse.
Videre har de gjort seg mindre avhengig av polyfills for fetch , ved å inkludere det som en del av funksjonaliteten uten å måtte installere noe ekstra. Yey!
De har jo releaset mye mer, så sjekk ut Twitter-posten for mer informasjon om releasen!
Next.js 9.4:
— Vercel (@vercel) May 11, 2020
◆ React Fast Refresh
◆ Incremental Static Regeneration (beta)
◆ New Environment Variables Support
◆ Built-in Fetch Support
◆ Web Vitals Reporting
◆ Absolute Imports and Aliases
◆ Configurable Sass Support
◆ Improved Log Outputhttps://t.co/slHw3kG4ZU
Open Sourcing av smittesporing-apper 🦠
Vi er jo veldig glad i åpne kildekoder, og derfor er det jo interessant å se på koden for smittesporingsappene!
Australia er en av de som har gjort kildekoden open source, og det er interessant å se hvordan de har utviklet appen. De har valgt å gå for to repoer, et for Android og et for iOS med henholdvis Kotlin og Swift.
Tyskland har også gjort det samme med dokumentasjonen sin.
Så da er det bare å begynne å grave. Hurra for åpen kildekode! 👊
Kjappere create-react-native-app 🏃
Versjon 3.2.0 av create-react-native-app kom forrige uke, og får det til å se lekende lett ut å sette opp et nytt prosjekt med React Native:
🚗💨 The Fastest way to Create a React Native app is finally back!! 🔥
— Evan Bacon 🥓 (@Baconbrix) May 17, 2020
⭐️ ZERO dependencies
🏆 25+ templates
🌐 iOS, Android, and web!
☁️ OTA updates out of the box
⏱ npx in ~1 second (installs React Native in ~50s)
$ npx create-react-native-app pic.twitter.com/lSysqtmXo7
At Evan 🥓 twittrer om at “det endelig er tilbake”, så vil det si at det tidligere var en del av expo-cli , men siden det biblioteket allerede har mange andre funksjoner så ville de de rive det ut til en “single-function” pakke.
Som et resultat av dette vil det å sette opp et nytt prosjekt bli mye raskere, enn 5 minutter som det opprinnelig var (?!). Det liker vi!
Litt snikskryt helt til slutt ✨
Vår kjære React influencer Selbekk kom med et forslag om å legge til scroll først når et element har blitt ferdig lastet i React, og det implementerte de!
If you have to render some content in React that takes some time, but it holds an element you want to scroll to, you can use MutationObserver that will trigger the scroll, when the element is added. Neat! @reactjs #reactjs #javascript
— Balázs Orbán (@balazsorban44) May 13, 2020
(inspired💡by @selbekk's suggestion) pic.twitter.com/AdqXRfg2iB
Npm pakken finner du her.
Det var alt for denne uken! Ha en fin uke, også skrives vi snart igjen! 👩💻
Slik delte de ut Visuelt-prisene digitalt
Sydde sammen visuelt.tv med Craft CMS, CometChat, Trippel-M og Steinar Sagen. 🏆