Innhold om React

Brorparten av innloggings-implementasjonen skjer på backend, men du må sørge for en brukervennlig og trygg opplevelse også i frontend.

Løsninger må være robuste, men vi må også kommunisere hva brukeren kan gjøre, hvis noe, når en feil først skjer.

Skjemaer er overalt på weben, og er noe som er essensielt for deg som utvikler å kunne godt - både for brukeropplevelsen og for leselig kode.

I de fleste løsninger henter du ned data og lagrer endringer. I denne workshopen lærer du hands-on om det du trenger å vite om datafetching.

Hvordan følger du med på tilstand som er utenfor React-appen din, som local storage? Les hvordan, og samtidig forstå hvordan React fungerer.

I første del så vi på hvordan dataenes opprinnelse påvirker koden vi skriver. I del 2 legger vi til en dimensjon: lokal- og global tilstand.

Tilstandshåndtering i frontend er utfordrende. Men når du klarer å skille tilstandstypene, kan du få enklere kode, bedre brukeropplevelse og bedre ytelse.

Gjenbrukbare komponenter er de mest nyttige, men også de vanskeligste å lage på en god måte. Her finner du noen gode tips til hvordan man kan lage en gjenbrukbare komponent som tåler tidens tann!

I have created numerous bugs by using useEffect wrong, and I have learned the hard way how to solve them. As a result of my errors I have acquired a set of best practices I like to follow, and I like to share them with you. Happy reading!

“Premature optimization is the root of all evil” is an oft repeated adage, and rightly so. But what do we do when optimization is long overdue in our React apps? Let’s explore some tools and techniques to deal with exactly that.

Du har kanskje støtt på useRef og forwardRef før, men ikke helt fått koll på hva det dreier seg om. I denne korte artikkelen tar jeg vekk mystikken, og gir noen enkle, nyttige eksempler på hva de kan brukes til.

You might have encountered useRef and forwardRef before, but not quite grasped what they are about. In this short article, I remove the mystery and provide some simple, useful examples of what they can be used for.

In web development, designing an accessible loading button is a real head-scratcher. There's no easy one-size-fits-all solution, but understanding the various approaches improves your ability to make accessible experiences. So, how do we make a loading button accessible?

Have you ever felt frustrated managing the state of your application? Common challenges include unnecessary re-renders, prop-drilling, or a lot of boilerplate to manage even simple states. Jotai provides an elegant and simple solution to a lot of these challenges, building a easy, boilerplate-free and global state using atoms.

Det er lett å blande mellom kontrollerte og ukontrollerte komponenter i React, men hva er egentlig forskjellen og hvilken burde man bruke?