Kursplan

Introduktion

  • React vs Angular och andra ramverk

Förstå React

  • JSX, Komponenter och Props, komponentlifscykeln, etc.
  • Hantera applikationsstatus jämfört med datatillstånd

Skriva React-applikationer med ES6

  • Syntax och ES6+-funktioner att vara uppmärksam på

Ställa in Utvecklingsmiljön

Översikt över Node.js

Installera och konfigurera Node.js

Översikt över Webpack och Babel

  • Förstå "transformation" (översättning av JSX till JavaScript)

Installera och konfigurera Webpack

Installera och konfigurera Babel

Installera React och ReactDOM

Skriv din första React-applikation

Konfigurera WebPack för att beakta ändringar i källfilerna

Konfigurera npm som verktygsläggare

Tillägg av nyheter till den React-applikationen med nya komponenter

Implementera Flux och Redux-arkitekturen i en React-applikation

Förstå Flux och Redux

  • Statuslös komponent, Åtgärder, Reducers, Dispatchers, Middleware, Containers, etc.

Bygg flera vyerna i den React-applikationen

Installera och konfigurera Redux

Skapa en enkel todo-lista med Flux/Redux (med mock server API)

Integrera en backend med din React-applikation: GraphQL och Apollo

Översikt över GraphQL

  • Data typer, Scheman, Grafstruktur och integration med React
  • Begränsningar av Restful routing
  • GraphQL vs SQL

Skriv en GraphQL-fråga

Autentisera användare

Integrera React Router med GraphQL

Bygg en enkel blogg med React och GraphQL

Testa din React-applikation

Bearbeta React-applikationer med npm kommandoradsskript

Felsökning

Strukturera apparrepositoryt

Bästa praxis för att skriva React-kod

Distribuera din React-applikation

Ett ord om mobilapplikationer med React Native

Sammanfattning och slutsats

Krav

  • Erfarenhet av webbapplikationsutveckling
  • Erfarenhet av Javascript-programmering
  • Kännedom om React

Målgrupp

  • Utvecklare
 28 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (2)

Kommande Kurser

Relaterade Kategorier