React.js Web Applications
Beskrivelse
React er et framework der hjælper udvikleren med at bygge avancerede og brugervenlige web-apps. Det er oprindeligt udviklet af Software Engineer hos Facebook og blev frigivet som Open Source i 2013. Selve Facebook er udviklet i netop React.
Fordi det er open source er udviklingen af React drevet i en kombination af Facebooks egne udviklere og et kæmpe fællesskab af udviklere fra hele verden.
På kurset vil du gennem en kombination af teori og en række fokuserede hands-on øvelser lære hvordan React fungerer, og hvordan man bygger en applikation i React hele vejen fra Bootstrapping til at udgive den på en testserver.
Moduloversigt
- Modul 1Hvad er React
En grundlæggende introduktion til hvad React er, økosystemet omkring React og de ting man skal være opmærksom på, når man udvikler i React.
- Modul 2Det første React projekt
I denne del opsætter vi det første React projekt med relevante tilføjelser. Vi lærer om hvordan et typisk React projekt er opbygget og den grundlæggende struktur. Desuden lærer vi om at bruge forskellige værktøjer og dele af React til at bygge første del af vores applikation.
Opret projekt med NPX og create-react-app
Installation af pakker
Struktur og grundlæggende arkitektur
Tilpasning af projektet
CSS i React
- Modul 3Reacts komponenter
I denne del kigger vi på hvad et komponent i React er, og hvordan man bruger den komponentbaserede tilgang i React til at bygge en simpel side, men et input felt og en liste.
JSX og Javascript
Flux-Pattern
Komponenter i React
Props
Formularer
State
Hooks
- Modul 4API-integration
I denne del lærer vi om, hvordan vi henter data fra et eksternt API, og viser det på en meningsfuld måde i vores applikation.
Data fra REST-API’er
Brug af Fetch og Axios i React
- Modul 5Routing og navigation
I denne del introduceres React Router, som man bruger til at navigere mellem forskellige sider i React. Vi opbygger en simpel menu, sender parametre via routes og prøver at arbejde med såkaldte Nested Routes:
Installation, samt konfiguration af React Router Dom
Brug af routes og parametre.
Nested routes
- Modul 6Håndtering af state i React
Så snart en applikation i React vokser sig stor, får man en udfordring med at håndtere data og såkaldt state. I denne del lærer vi om hvilke muligheder man har for at løse den udfordring.
Hvad er udfordringen med lokal state i React
Prop Drilling
Redux, Mobx og unstated
Context og Hooks
- Modul 7Type Checking
Hvad er Prop-types
Kort om Typescript
- Modul 8Test i React
Opsætning af Jest
React Testing Library
Kort om E2E test i React
Er du i tvivl?
Det ligger os meget på sinde, at du finder det kursusforløb, der skaber størst værdi for dig og din arbejdsplads. Tag fat i vores kursusrådgivere, de sidder klar til at hjælpe dig!