Kursplan

Introduktion

  • MobX vs Redux vs stafett

Förstå tillstånd Management

  • Hur React hanterar lokal stat
  • Hur Redux hanterar staten
  • Hur MobX hanterar staten

Komma igång

  • Förbereda utvecklingsmiljön
  • Installera och konfigurera MobX

Bygga en applikation

  • Översikt över komponentarkitekturen
  • Skapa en React applikation (komponenter, Element, JSX, etc.)

Arbeta med React Komponenttillstånd

  • Initialisera och uppdatera tillstånd
  • Arbeta med formulär

Implementering av ett MobX datalager

  • Konfigurera datalagret
  • Skickar data till komponenter
  • Lista ut innehållet i datalagret

Hantera ändringar av data

  • Lägger till data att lagra
  • Meddelande React om förändringen i datatillstånd

Uppdaterar vyn

  • Deklarera observerbar data
  • Uppdaterar vyn

Förbättra DataFlow

  • Modifiera tillståndsdata genom åtgärder
  • Anropsåtgärder (undvika osäker datamanipulation)

Arbeta med beräknade värden

  • Utföra beräkningar på kärndata

Använda avancerade utvecklingsverktyg och tekniker

  • Skapa komponenter med ES2017
  • Använder Babel för ES2017 och JSX
  • Använda WebPack för React och MobX
  • Utföra asynkrona åtgärder med MobX

Testa applikationen

  • Skapa enhetstester för React komponenter
  • Att välja verktyg och ramverk (Jest, Enzyme, TestUtils, etc.)
  • Skapa enhetstester för MobX butiker
  • Felsökning av applikationen

Distribuera applikationen

  • Verktyg och automation
  • Implementering av kontinuerlig integration (CI)

Felsökning

Sammanfattning och slutsats

Krav

  • React programmeringserfarenhet

Publik

  • Utvecklare
  14 timmar
 

Antal deltagare


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Vittnesmål (7)

Relaterade Kurser

Relaterade Kategorier