kmom02: Struktur, struktur, struktur
Vi tar en titt på vilka begränsningar och utmaningar man står inför som användare av en mobil enhet. Vi fortsätter med vår applikation från kmom01 där vi ska lägga till en plocklista vy.
Innan vi gör detta tittar vi på ett verktyg som hjälper oss att söka och visa information i JSON-filer.
Såhär kan det se ut när vi är klara med kmom02:
(Detta är instruktionen för kursmomentet och omfattar det som skall göras inom ramen för kursmomentet. Momentet omfattar cirka 20 studietimmar inklusive läsning, arbete med övningar och uppgifter, felsökning, problemlösning, redovisning och eftertanke. Läs igenom hela kursmomentet innan du börjar jobba. Om möjligt – planera och prioritera var du vill lägga tiden.)
#Läsanvisningar
(ca: 6-10 studietimmar)
#Referensmanualer
Ta en översiktlig titt på TypeScript manualen. Vi kommer ta en titt på TypeScript i övningen “Komponenter och struktur i React”.
#Video
- Det finns en videoserie kopplat till kursen, titta på videos som börjar på 2.
#Lästips
Kika igenom webbplatsen om applikationen jq som hjälper dig söka och visualisera innehållet i en JSON fil.
Läs artikeln “Knappar för mobilen” för att förstå utmaningarna med att skapa bra knappar för mobila enheter.
#Övningar & Uppgifter
(ca: 6-10 studietimmar)
#Övningar
Gör följande övningar för att träna inför uppgifterna.
Installera och testa verktyget jq via artikeln “Installera verktyget jq för att söka i JSON-filer”.
Gör övningen “Routing och navigation i React”.
Gör övningen “Komponenter och struktur i React”.
#Uppgifter
Dessa uppgifter skall utföras och redovisas.
Gör uppgiften “Sökverktyg för JSON filer”. Spara resultatet i
me/kmom02/jq
.Gör uppgiften “Lager appen del 2”.
#Kontrollera din inlämning
Se till så att en länk till ditt GitHub-repo ingår som en del av din inlämning på Canvas. Länken ska vara på formen: https://github.com/emilfolino/lager-v4.git
Se dessutom till att du har gjort expo publish
i din lager katalog.
#Resultat & Redovisning
(ca: 1-2 studietimmar)
Läs instruktionen om hur du skall redovisa.
Se till att följande frågor besvaras i redovisningstexten.
- Vilka fördelar ser du med verktyg som Postman och jq?
- Beskriv din struktur i koden? Blev den bra?
- Vad är din uppfattning så här långt av TypeScript? Ser du några fördelar?
- Vilken är din TIL för detta kmom?
#Revision history
- 2022-03-07: (A, efo) Första utgåvan för webapp-v4.