Dette var uken for kreativ sosial distansering 🧸, sinnsyke verdensrekorder 🐟🏅, og ufine lærere 🧙🙀.
Og 270 620 andre ting skjedde i frontend-verden!
Kjekke kodeprinsipper
Kent C. Dodds er virkelig en viktig person i kode-verdenen, delvis også fordi han gir oss stadig mat til denne bloggserien.
Forrige uke kom han med en glimrende bloggpost om en del prinsipper som bør brukes, som kanskje folk har hørt tusenvis av ganger og glemmer like fort som man kommer på det.
«Hvilke av dem skal man egentlig gå for, når de er litt motstridende?»
Kent skriver om DRY (don’t repeat yourself), WET (write everything twice) og AHA (avoid hasty abstractions). Hvilke av de skal man egentlig gå for, når de er litt motstridende? Han skriver om hvorfor prefererer det ene over de andre, og det var veldig interessant lesing.
Sjekk det ut i bloggposten han skrev!
TyperTyperTyperTyper
Hva er vel en ForrigeUke uten litt TypeScript, og jeg syns også det er på tide å snakke om Svelte. Dere har sikkert hørt om det før, men for dere som ikke har det, så er det et bibliotek for å bygge web applikasjoner. Jeg vil anbefale å sjekke det ut!
Uansett, siste nytt på GitHub-telegrafen er at Svelte nærmer seg full støtte for TypeScript.
Apropos Svelte, en kvinne ved navn Amelia Wattenberger har laget en side som viser deg sine oppskrifter for Svelte-komponenter!
Introducing...
— Amelia Wattenberger (@Wattenberger) June 22, 2020
🥖👩🍳🥓https://t.co/8QETrttUtF
🥗👩🍳🍝
I noticed that I was curating "recipes" for @sveltejs apps, and cooked up a home for them to live. Just a few so far, but I have lot that I want to add. pic.twitter.com/Fftv8F7VJO
Nå som vi er inne på typer og kule biblioteker, så har React Query fått støtte for typer i versjon 2!
#ReactQuery 2.x now has types! 🎉
— Tanner Linsley ⚛️ (@tannerlinsley) June 29, 2020
A lot of great and talented people spent a good amount of time on them here. Take 30 seconds and stop by to thank them!#TanStack #React #Javascripthttps://t.co/HABsp722d4
I tillegg har de gjort en hel del forbedringer og siden det er en ny major er det selvfølgelig en del breaking changes.
React Native Web
Versjon 0.13 av React Native Web har også kommet! Den har fått en del fine løft og forbedringer.
Den bruker nå moderne React med hooks og funksjonelle komponenter noe som gjør den mer klar for Fast Refresh, Concurrent Mode og annen morro som kommer.
React Native for Web 0.13 is on npm ✨
— Nicolas (@necolas) June 26, 2020
· Gesture Responder System rewrite
· Uses modern React features
· Supports React alternativeshttps://t.co/FpD4mxvIkv
Det er en del breaking changes i denne versjonen, så jeg ville oppgradert versjonen med omhu!
State i React
React er en flott teknologi, men det er mange måter å håndtere state på. Alt fra Context, data i URL, lokal state og en del andre metoder kan det bli mye å holde styr på.
En fyr ved navn Cory House har laget et repo hvor han viser måter å håndtere state på og når det bør brukes:
In React, there are at least 8 ways to handle state. This app uses all 8 approaches:https://t.co/YX66luuTVK
— Cory House (@housecor) June 29, 2020
The pull requests showcase alternative approaches.
I build this app in my "Managing React State" course, publishing late summer ☀️.
Feedback welcome! 🙏#reactjs
Mye bra lesing med eksempler her!
Det var ikke så altfor mye å ta av denne uken, men håper det i hvertfall var litt underholdende for deg! Vi skrives en annen uke 👋 👩💻
70 prosent sliter med norske apper og nettsider
Nordmenn med nedsatt funksjonsevne sliter ekstra under korona. - Utviklere bør fokusere mer på brukertesting! mener tilsynet.