Hopp til hovedinnhold

Som frontender er det vanskelig å vite hva du trenger å vite om innlogging. Ofte kommer du på et prosjekt hvor innlogging allerede er implementert, og dessuten er det meste av logikken på backend uansett.

Likevel er det utfordringer også i frontend du må håndtere for en brukervennlig og sikker løsning. I denne luka lærer du de viktigste konseptene ved innlogging, hands-on.

Hvorfor bry deg om innlogging?

I frontend er det flere spørsmål rundt innlogging du bør kunne svaret på:

  • Hvor skal vi lagre token?
  • Hva gjør vi om en bruker mister tilgangen?
  • Hvordan sikrer vi oss mot Cross Site Scripting?
  • Hvordan skjule funksjonalitet som brukere uansett ikke har lov til å utføre?

Ved å forstå innlogging også fra et frontend-perspektiv, kan vi skape løsninger som både er brukervennlige og trygge.

Workshop i innlogging

I denne workshopen skal vi utforske viktige temaer innen innlogging, som spørsmålene nevnt over.

Før du starter, er det noen ting du bør vite om workshopen:

  • Oppgavene ligger i src/[oppgave]: Det er kun disse filene du trenger å endre. Du leser oppgave1 i Oppgave1.tsx, og ser fasit i Fasit1.tsx og så videre.
  • Løs bonusspørsmål: I tillegg til å løse de rene kodeoppgavene, prøv også å besvare bonusspørsmålene på hver oppgave. Da lærer du mer kontekst til innlogging. Det fins ingen fasit i løsningen for disse oppgavene.
  • Hvordan ta workshopen videre: Reflekter også over forskjeller i din løsning, "fasiten" og kode i eget prosjekt. Er det noen scenarier "fasiten" ikke tar hensyn til mangelfull? Er det noen forenklinger i "fasiten" du har lyst til å ta i bruk?
  • Jeg blir veldig glad for tilbakemeldinger: Om du finner noen feil eller har forslag til forbedringer, gjerne lag et issue, lag en PR eller send meg en melding på LinkedIn.

👉 For å starte workshopen, kloner du GitHub-repository, leser readme, kjører opp applikasjonen og leser av oppgavene. Workshopen finner du her: https://github.com/haalmarc/auth-workshop

Videre lesing

Liker du innlegget?

Del gjerne med kollegaer og venner

Workshop i React

I høst har faggruppa "React i praksis" undersøkt fire sentrale, store temaer i frontend-utvikling. Det fins mange foredrag og artikler om disse temaene, men det er ved å teste ting ut selv, at du merker hvor det lugger eller hvor du vil grave dypere. I denne serien får du muligheten til nettopp det. I en serie på fire deler, får du i hver luke være hands-on gjennom workshoper som tar for seg det viktigste innenfor hvert tema.