Vakker drag-and-drop i React med hooks

ForrigeUke: Mini-React Router, react-beautiful-dnd 11, hooks i React-Redux og snart ny React DevTools.

📸: Sebastian Staines / Unsplash
📸: Sebastian Staines / UnsplashVis mer

Noen har brukt påskeferien på vindmølleprotest, og endelig har vi fått noen virkelig tidløse UI-komponenter.

Og 1519 ting skjedde i React-verdenen!

Mini react router

hookrouter er et lettvektsalternativ (1kb) til React Router, uten noen eksterne avhengigheter, og med hooks. Det er litt begrenset funksjonalitet, det mangler f.eks redirects, men det kan være interessant å bruke i et lite hobbyprosjekt eller liknenede.

Vakker drag-and-drop med hooks

react-beautiful-dnd er et bibliotek for drag-and-drop-lister på desktop og mobil, med masse kul funksjonalitet. Den er nå ute i versjon 11.0 hvor de har skrevet om det meste til å bruke hooks. Hvis du er nysgjerrig, kan du se Alex Reardon fortelle hvordan de skrev om react-beautiful-dnd med hooks her:

Offisielle react-redux hooks

Det jobbes med å lage et offisielt React-Redux hook-API, og utifra Redux-maintainer og Simpson-profilbildehaver Mark Erikson sin Twitter-konto å dømme, kan vi vente det ganske snart.

På Twitter er det i skrivende stund mulig å stemme på navn på den nye kroken. Hiv deg med for å sette ditt avtrykk i historien:

Du kan også følge GitHub-issuet for enda mer kontekst. Det er en spennende diskusjon å lese gjennom!

Snart major-release av react dev-tools ⚛️🛠

Release 4.0.0 av React DevTools virker nært forestående. I denne bloggposten blir vi lovet bedre ytelse og bedre søk. I tillegg dryppes det stadig ymse UX forbedringer på Twitter.

Ukas podcasts 📻

Jordan Scales gjestet undefined podcast for å prate om komponentbiblioteket til Stripe.

Nader Dabit var på besøk i React Podcast og pratet om den nye boken sin om React Native og masse annet.

Takk for at du leste, håper du hadde en fin påske. Sees neste uke 🐣