Kursplan
Utvikling av moderne front-end-applikasjoner
- oversikt og likheter mellom React, Angular og Vue.js
- deklarativ renderisering
- komponenter – definisjon av egendefinerte HTML-tagger
- bruk av create-react-app til å initialisere et React-prosjekt
Moderne JavaScript
- utvikling med node.js og npm
- JavaScript-versjoner
- arbeid med moduler
- funksjoner og pils-ark-funksjoner (arrow functions)
- klasser
- funksjonell programmering i JavaScript (map, filter, ...)
TypeScript
- statisk vs. dynamisk typsetting
- å deklarere typer for variabler, funksjoner og klasser
- grunnleggende datatyper
- tupler, objekter
- grensesnitt (interfaces)
- generics
React-malsspråk
- JavaScript-basert malsspråk: JSX
- innstilling av elementegenskaper
- gjentakende elementer
- hvis/ellers (if/else)
- hendelser (events)
- CSS-klasser og stiler
Håndtering av tilstand i React
- innstilling og endring av applikasjonsstatens
- bruk av state hook og setState
- fangst av innholdet i inndataelementer i tilstanden
Komponenter: Byggesteiner for moderne nett-applikasjoner
- definisjon av egendefinerte HTML-tagger i React
- tilstand, egenskaper (props) & hendelser
- dataflyt mellom komponenter
- funksjonskomponenter og klassedkomponenter
- bruk av hooks i funksjonskomponenter
- komponentlevetidsyklus-hendelser (montering, oppdatering, demontering)
- inkludering av forhåndsdefinerte komponenter fra et bibliotek
Tilstandsadministrasjon med Redux
- Redux-grunnlegger: tilstandsadministrasjon med rene funksjoner, reduserere (reducers) og immutable data
- bruk av reducer hook i React
- integrering av Redux i en React-applikasjon
- presentasjonskomponenter og beholderkomponenter (container components)
- Redux-økosystemet
- håndtering av asynkrone hendelser med Thunk
- henting av data fra en REST API
Utviklerverktøy og testing
- React-utviklerverktøy
- Redux-utviklerverktøy
- testing av JavaScript med Jest
- testing av reducers
- testing av React-komponenter
React Router
- klientside-routing
- visning av ulike visninger basert på den gjeldende nettleserruten
Applikasjonsutvikling med React
- kort oversikt over React Native
- oppretting av en installerbar mobil- og skrivebordsapplikasjon med Progressive Web Apps (PWA)
- sammenligning mellom Progressive Web Apps og native apper
Krav
- HTML-grunnlegger
- erfaring med JavaScript
Referanser (7)
Det var virkelig morsomt å endelig få et solid forståelse av noen av kjernekonseptene i React, spesielt ting som state og hooks. Łukasz ga svært klare forklaringer på disse, og var glad for å eksperimentere med gjennomførte eksempler for å hjelpe oss med å avklare ytterligere spørsmål vi hadde.
Hayden Pike - Powerlink Queensland
Kurs - React, Redux and TypeScript
Maskinoversatt
Detaljene opplysninger, måten forklaringen blir presentert på, og den ro og selvsikkerhet treneren vektiver.
Cosmin Ghergheles - Ness
Kurs - React, Redux and TypeScript
Maskinoversatt
Det dekket de grunnleggende komponentene
Valentin
Kurs - React, Redux and TypeScript
Maskinoversatt
Lukaszs entusiasme.
Eloise Phelps - Dunelm
Kurs - React, Redux and TypeScript
Maskinoversatt
Hvordan Luke gjorde et bra forsøk på å hjelpe folk individuelt når de hadde problemer med å kjøre koden. Luke var ekstremt vennlig og kom godt ihop med kursdeltakerne.
Jonathan Grout - Dunelm
Kurs - React, Redux and TypeScript
Maskinoversatt
Engasjen fra instruktøren med alle deltakerne var utmerket, alle fikk hjelp på et eller annet tidspunkt under kurset. Det var en fantastisk opplevelse generelt, spesielt for personer som ikke er kjent med emnet.
Tayyab Ejaz Mushtaq - Dunelm
Kurs - React, Redux and TypeScript
Maskinoversatt
Jeg likte at det føltes som en trygg miljø og jeg ikke følte meg forferdet ved å dele skjermen min og mine utfordringer med treneren eller gruppen.
Wanda Hawkins-Kavanagh - Dunelm
Kurs - React, Redux and TypeScript
Maskinoversatt