Managing React State with MobX Träningskurs

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