
React Router-skaper deler alt om ruting
ForrigeUke: Dan Ambrov forklarer dev-mode, Ryan Florence forklarer routing, Tyler McGinnis forklarer hooks. đĄ
Dette var uken for rolige bassengbeats đ”, en skikkelig Oslo-skur â og en litt aggressiv mĂ„ke đŠ.
Og 217 ting skjedde i React-verdenen!
Hvordan funker egentlig dev-mode i React?
React er kanskje et av de bibliotekene jeg kjenner som tilbyr den beste utvikleropplevelsen. Om man skriver eller gjÞr noe feil, sÄ fÄr man beskjed om hva man burde gjÞre for Ä fikse problemet.
Men hvordan fungerer det egentlig?
React-tryne Dan Abramov har skrevet en liten artikkel som forklarer hvordan det fungerer i React, og hvordan du kan begynne Ă„ gjĂžre det samme i din egen kodebase. God lesning for en tirsdagsmorgen!
Alt Ryan Florence vet om UI Routing
For de som ikke kjenner navnet, sÄ er Ryan Florence en av folka bak React Router, Reach Router og en rekke fantastiske workshops. Med andre ord, sÄ kan han en ting eller to om routing i frontend-verdenen.
Han har nÄ startet arbeidet sitt med en lang artikkel (nÊrmer seg en bok) om hva han kan om routing i UI-verdenen, og har kommet ganske sÄ godt i gang ogsÄ. Han deler fremskrittene sine dag for dag, og du kan fÞlge med pÄ denne gisten.
LĂžp og les!
Working on a thing, no idea when (or if) it'll get finished, but I gotta get this all out of my head as we head into (fully backward compatible) React Router v6
— Ryan Florence (@ryanflorence) July 28, 2019
Everything I Know About UI Routing: https://t.co/gCzVsPBdSt pic.twitter.com/P51HwZvGxK
React DevTools + CodeSandbox = â€
CodeSandbox er blitt en flott mÄte Ä lage og dele smÄ kodesnutter pÄ, men det har vÊrt litt klÞnete Ä debugge. Det ser det ut til Ä vÊre slutt pÄ snart.
âïžđ Working with @NikkitaFTW to get DevTools v4 integrated with Code Sandbox.
— Brian Vaughn (@brian_d_vaughn) August 3, 2019
I think one of the last things to get sorted out is the "view source" button. Seems like it would be nice if it could open the component source file in the Code Sandbox editor. pic.twitter.com/WjAqBfx40t
Denne integrasjonen kommer til Ă„ gjĂžre det veldig mye lettere Ă„ finne ut hva som feiler i diverse kodeeksempler. Vi gleder oss mer og mer til denne nye versjonen av React DevTools!
Tyler introduserer hooks
Det finnes mange introduksjoner til React Hooks der ute nÄ, men fÄ er enklere Ä fÞlge enn denne til Tyler McGinnis. Han har skrevet en kort introduksjon til hvordan Hooks fungerer, og hvorfor du burde bry deg.
Det er shameless reklame for kurset hans med samme navn, men jeg har hÞrt av naboen at det kurset er verdt penga ($25 for en mÄneds tilgang), sÄ det kan visst anbefales.
Uansett, artikkelen er gratis, sÄ ta en titt om du har tid!
DĂžd over defaultProps!
defaultProps er en fin mĂ„te Ă„ gi fallback-verdier til pĂ„krevde props i React â men det ser ut til at deres dager er talte â i alle fall for funksjonskomponenter. Matan Borenkraout har skrevet en artikkel om hvorfor de er foreslĂ„tt deprecated, og hva som kan erstatte dem. En godt skrevet artikkel som er verdt tiden din!
Det var det vi hadde for dere denne uken! Tusen takk for nĂ„, og velkommen tilbake denne uken (altsĂ„, neste). đ