Hva Suspense er, hvordan det funker og hvorfor du skal bruke det

ForrigeUke: Preact 10.1.0, JavaScript visualisert, kvinnene bak React og visuell Suspence-guide.

📸: Alan Hardman / Unsplash
📸: Alan Hardman / Unsplash Vis mer

Dette var uken for walk of fames🌟, en mind-blowing innpakkingsmetode🎁 og utviklingsmetodikk♻️.

Og 235.711 ting skjedde i React-verdenen!

Preact 10.1.0

Julen kom litt tidligere for Preact-entusiaster, da det allerede i forrige uke lå en pakke under treet. 🎄

Pakken ble åpnet og den inneholdt en ny fullstappet minor-versjon med to nye og store features — nemlig Preact devtools og SuspenseList.

Devtools 🔧

Lenge har Preact benyttet seg av React Devtools — som navnet tilsier er laget for React, og ikke Preact. Denne integrasjonen har tatt mer og mer tid å vedlikeholde ettersom både React Devtools og Preact har blitt mer komplekst.

Følgelig har dette ført til at Preact har utviklet sitt eget Devtool med mange utvidelsesmuligheter helt uten avhengigheter til React. Riktignok er verktøyet i en tidlig fase, men er allerede veldig nyttig. 🎉

«Riktignok er verktøyet i en tidlig fase, men det er allerede veldig nyttig.»

SuspenseList 🔢

Dette er en ny komponent som kan kontrollere hvilken rekkefølge barne-”suspensions” skal dukke opp. Ta en liste med bilder for eksempel. Nettleser fyrer av requests for å laste de ned parallelt. På denne måten kan bildene dukke opp i tilfeldig rekkefølge — noe som ikke alltid ser så bra ut.

SuspenseList kan sørge for at bildene dukker opp samtidig, i rekkefølge eller baklengs! Du kan lese changelog og alt om den nye releasen her.

JavaScript visualisert 🚀

Har du — i likhet med meg — noen gang lurt på hvordan datamaskiner klarer å forstå koden du skriver? Look no further. 👀

Lydia skriver i denne bloggposten hvordan JavaScript-motoren tar vår JS-kode og forandrer den til noe maskiner kan tolke.

Bloggposten dekker det grunnleggende på en flott måte med intuitive og pedagogiske animasjoner og gir et godt bilde av reisen koden vår tar fra menneskelig lesbar JavaScript til maskinkode. Veldig kult å få litt innsikt i hvordan denne magien foregår. 🧙🏽♂️

Suspense — WTF is it all about?

I know, ikke forrige uke — men i går er nærme nok. 🤓 Denne guiden er for bra til å utelate!

Tweeten snakker egentlig for seg selv; du har hørt mye snakk om dette suspense-greiene, men ikke helt satt deg inn i det enda? Her ar Maggie produsert en utrolig smooth guide som forklarer hva Suspense er, hvordan det funker og hvorfor man skal bruke det — for hånd. 👩🏻🎨

Podcast — React core medlem Rachel Nabors 📻

Rachel Nabors — nytt medlem av React core-teamet — gjestet forrige ukes React Podcast. Det snakkes om hennes reise til React, hvordan de skaper kraftig og brukervennlig dokumentasjon for React og React Native, og sist, men ikke minst the Women in the Heart of React. 👩💻

Apropos kvinner i hjertet av React..

Rachel Nabors er også forfatter og prisvinnende tegneserieskaper. I en pågående prosess har hun intervjuet et knippe kvinner i hjertet av React-teamet som forteller sine historier om alt fra hvorfor de begynte med React, hvordan det er å jobbe med React core, hvordan React har utviklet seg gjennom årene, hvordan bidra til open source, hvordan balansere programmering med det å være menneske, og MYE mer ❤️

Ta en kikk — det er det absolutt verdt!

Ikke nok React-content fra forrige uke, sier du?

Julekalenderen vår, react.christmas, holder fortsatt koken og leverer en artikkel om React hver dag frem til jul. Forrige uke var selvfølgelig intet unntak! Da kunne du nemlig lese om testing i prod, kontrollerte komponenter, Azure Insights, Victory, custom hooks, react native og micro animations! Gå inn og åpne noen luker da vel! 🗓🎁

Dett var dett for denne uka! Vi sees neste uke, på selveste julaften. 🎅