Kursplan
Introduksjon
- React vs Angular og andre rammeverk
Forståelse av React
- JSX, komponenter og props, komponentens livssyklus, osv.
- Administrering av applikasjonsstatus vs data-status
Skriving av React-applikasjoner med ES6
- Syntax og ES6+-funksjoner å være oppmerksom på
Oppsett av utviklingsmiljøet
Oversikt over Node.js
Installasjon og konfigurering av Node.js
Oversikt over Webpack og Babel
- Forståelse av "transformasjon" (oversettelse av JSX til JavaScript)
Installasjon og konfigurering av Webpack
Installasjon og konfigurering av Babel
Installasjon av React og ReactDOM
Skriving av din første React-applikasjon
Konfigurer WebPack til å overvåke endringer i kildefiler
Konfigurer npm som et verktøykjører
Utvidelse av React-applikasjonen med nye komponenter
Implementering av Flux- og Redux-arkitekturen i en React-applikasjon
Forståelse av Flux og Redux
- Stateless-komponenter, handlinger, redusere, avsendere, mellomlag, beholdere, osv.
Bygging av flere visninger i React-applikasjonen
Installasjon og konfigurering av Redux
Opprettelse av en enkel oppgave-liste med Flux/Redux (med mock server API)
Integrering av backend med din React-applikasjon: GraphQL og Apollo
Oversikt over GraphQL
- Datatyper, skjemaer, grafstruktur og integrering med React
- Begreninger ved RESTful-routing
- GraphQL vs SQL
Skriving av en GraphQL-forespørsel
Autentisering av brukere
Integrering av React Router med GraphQL
Bygging av en enkel blogg med React og GraphQL
Testing av din React-applikasjon
Bearbeiding av React-applikasjoner med npm-kommando-linjeskript
Feilsøking
Strukturering av applikasjonsarkivet
Beste praktis for å skrive React-kode
Utplassering av din React-applikasjon
Et ord om mobile applikasjoner med React Native
Oppsummering og konklusjon
Krav
- Erfaring med utvikling av webapplikasjoner
- Erfaring med Javascript-programmering
- Kjennskap til React
Målgruppe
- Utviklere
Referanser (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Kurs - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.