React
Skyddad: JavaScript 1 – Tenta 3 – omtenta 2 (praktisk uppgift)
Det finns inget utdrag eftersom detta är ett skyddat inlägg.
React
JavaScript 2, dag 19-21 – Testing (hemstudier)
Den här veckan (vecka 53) har ni hemstudier i vad testning är och hur man skriver tester för JavaScript-kod och sedermera hur man skriver tester för React-komponenter. Ni ska när ni är klara ha en aning om vad TDD (Test-Driven Läs mer…
React
JavaScript 2, dag 16 – Snapgram (Firebase Auth)
Efter förra veckans genomgång av Firebase Cloud Storage och repetition av Firebase Firestore så är målet den här veckan att knyta ihop Firebase Auth med de två, så att vi får en komplett app med inloggning, databas och lagring av Läs mer…
React
JavaScript 2, dag 13 – Firebase Cloud Storage
Dagen mjukstartades med lite info om de fyra sista veckorna av kursen, och att vi de kommande två veckorna kommer att kolla på Cloud Storage via Firebase’s Cloud Storage. Vi satte upp en ny React-app och installerade firebase, react-bootstrap, bootstrap Läs mer…
React
JavaScript 2, dag 11 – React Query
Idag kollade vi på useMutation() som är en del av React Query och som på ett smidigt sätt låter oss skicka iväg data. Vi kikade även på QueryCache och invalidering av cache:ad data, och hur vi själva kan sätta vad Läs mer…
React
JavaScript 2, dag 8 – React Query
Vi tittade på hur vi kunde lyfta ut konfigurationen av React Query till först en egen config-modul och därefter hur vi kan använda ReactQueryConfigProvider för att förse React Query med inställningar utan att behöva importera en config-modul varje gång vi Läs mer…
React
JavaScript 2, dag 7 – React Query
Dagen inleddes med en snabb genomgång av React Router v6 följt av felsökning för jag missat att migrera <Link>-komponenterna när vi uppgraderade till v6-beta.0 i torsdags. Därefter skapade vi en ny React-app (03-query) med lite placeholders i statisk HTML, innan Läs mer…
Kunskapskontroller
JavaScript 2 – Kunskapskontroller
På det senaste ledningsgruppsmötet godkändes att kunskapskontrollerna pga. pandemin för kursen är som följer: Tenta 1 (digital) – fredag 18/9 09.00-12.00 Innefattar Hooks, React Router och React Router Hooks (v5.2 + v6-beta). Dvs kursvecka 1-2. Tenta 2 (digital) – fredag Läs mer…
React
JavaScript 2, dag 6 – React Router v6
Vi ägnade större delen av förmiddagen åt att gå igenom workshopen från i tisdags, där vi bland annat installerade paketet use-url-search-params som gjorde att vi enklare kunde interagera med query-parametrar i vår URL istället för att manuellt behöva parse:a och Läs mer…
React
Skyddad: JavaScript 1 – Tenta 3 – omtenta (praktisk uppgift)
Det finns inget utdrag eftersom detta är ett skyddat inlägg.
React
JavaScript 2, dag 5 – React Router Hooks
Idag kollade vi på React Router v5.2 och de möjligheter den ger oss. Bland annat så kan vi med hjälp av fyra stycken Router-hooks använda funktions-komponenter och ändå hämta ut route-parametrar och interagera med både history och location-objekten. (Hooks fanns Läs mer…
React
JavaScript 2, dag 4 – React Hooks
Hela dagen ägnades åt att gå igenom Custom Hooks i mer detalj i och med workshop:en från i torsdags, och vi skrev både en useLocalStorage-hook och en useFetch-hook samt en tillhörande HackerNewsSearch-komponent som använde vår useFetch-hook. En bit in på Läs mer…
React
JavaScript 2, dag 3 – React Hooks
Först gick vi igenom lösningsförslag på workshop:en från i tisdags där ni skulle skriva en funktions-komponent som hämtar ut vehicles från Star Wars API, och se om ni kunde få Previous/Next page att fungera vilket många hade lyckats med 🥳. Läs mer…
React
JavaScript 2, dag 2 – React Hooks
Vi repeterade lite kort useState och useEffect på morgonen och därefter gick vi in på useMemo men jag fick inte den att fungera alls som jag tänkt mig, så om du ser detta i efterhand så kan du skippa video Läs mer…
React
JavaScript 2, dag 1 – React Hooks
Idag gick vi igenom useState på förmiddagen som är den första och enklaste i raden av React Hooks som vi ska kika på den här veckan. Eftermiddagen ägnades åt den spännande useEffect-hook:en som gör att vi kan (bland mycket annat) Läs mer…
Projekt
Tips på roliga sommarprojekt
Som önskat så kommer här en liten sammanställning på förslag till projekt man kan göra i sommar (om man vill och tycker det vore skoj!), och tips på YouTube-kanaler att följa. YouTube-kanaler Listade i stigande svårighetsgrad. Web Dev Simplified https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw Läs mer…
Node.js
Dynamisk webbutveckling, dag 27 – WebSockets med Socket.io
På förmiddagen så gick vi igenom den underliga bugg gällande ObjectId i Mongoose/MongoDB, och vi kollade även på hur Regular Expressions (brukar förkortas RegEx eller RegExp) fungerar och hur man kan använda dem både för att lösa buggen med ObjectId Läs mer…
Node.js
Dynamisk webbutveckling, dag 22 – Deployment med Heroku
Hela dagen ägnades åt att deploy:a vårt Library-API till Heroku. I stora drag så följde vi guiden Deploying Node.js Apps on Heroku, och vi lade även till ett add-on i form av ClearDB som (bland annat) ger oss en hostad Läs mer…
Node.js
Dynamisk webbutveckling, dag 21 – JWT (JSON Web Token) och Heroku
Idag skrev vi om lite av autentiseringen, bland annat lade vi till en data-property på req.user i vår JWT-middleware och där satte id till den användares id vi hämtade ut från databasen. Vi skrev också om konto-registreringen till den nya Läs mer…
Node.js
Dynamisk webbutveckling, dag 20 – JWT (JSON Web Token)
Vi tog bort behovet av att skicka användarnamn/lösenord via HTTP Basic Auth och istället tog emot dem i som JSON i POST /login-route:n. Därefter kollade vi på verifiering av den inskickade token och hämtade ut användaren i GET /profile, för Läs mer…