FRIGO- Login

Læringsplan 7

Næste PBI i projekt FRIGO er nu gennemført. Den gik ud på at lave en login skærm og sende brugeren videre til produktoversigten, såfremt login er gyldigt. Da backend delen desværre ikke var færdig, måte jeg lave skærmen med hardcoded login oplysninger.

React Native generelt

  • Installeret App på Android telefon // Development

Functions

  • handleSignIn()
  • SetCredentials() // fra auth.context.tsx

Hooks

  • useState
  • useRef

Elements => Fremhævede

  • TouchableOpacity
  • Alert
  • Keyboard
  • TextInput

Imports => fremhævede

  • AuthStackScreenProps
  • useAuthContext
  • Button

Evaluering

Det har været en spænende udfordring at lave denne PBI, der på en og samme tid har været. nem og svær. Det nemme er bestået i styling, som jeg efterhånden har ret godt styr på. Jeg har fået en god fornemmelse af JSX og kan lavet et lokalt StyleSheet, såvel som at bruge styling gennem props. I denne opgave er det kommet bedst til udtryk gennem <Button/> der er en component, der går på tværs af appen. 

Det største udfordring i denne app, har været at få navigation til at virke med de eksisterende components i appen, såvel som at gøre TypeScript tilfreds. Til sidst er det lykkedes mig at putte bestemte components ind i authenticated og ikke authenticated screens.  Dernæst skulle jeg lige forstå setCredetials() funktion, der anvender Promise.

Alt i alt er denne PBI gået over forventning, opgaven er løst hurtigere en estimatet og jeg begynder at kunne trække på tidligere lært viden og kode, uden at skulle hente information / inspiration udefra.

Litteratur:

    • Sidemandsoplæring og tidligere læringsmaterialer. => Kan desværre ikke linke til Repo.

handleSignIn()

<TextInput/>

signin.screen