Marcus Haaland

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.

Skriving er en prosess hvor du må skrive teksten om igjen flere ganger. Her deler jeg de fire trinnene jeg går gjennom for å skrive en bedre tekst.

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?

React server components vinner popularitet og det er avgjørende for komponentbiblioteker å støtte det for å holde tritt. Hvordan støtter du det?

React server components is winning popularity, and it's crucial for component libraries to support it to stay relevant. How do you support it?

Storybook tilbyr en rå, interaktiv playground for å teste ulike props, men det kommer med en pris: med det følger en tvangstrøye av et design. Ved å kombinere React Live og litt strengkonkatenering kan du lage en løsning du har full kontroll over, samtidig som du gir brukerne dine en effektiv måte å få oversikt over en komponents muligheter.

Storybook offers an awesome, interactive playground to test different props, but at a price: with it comes a straitjacket of a design. By combining React Live and some string concatenation, you can create a solution that you have full control over, while giving your users an efficient way to get an overview of a component's capabilities.