Course Outline

Invoering

  • MobX versus Redux versus estafette

Staat begrijpen Management

  • Hoe React omgaat met de lokale status
  • Hoe Redux de staat beheert
  • Hoe MobX de staat beheert

Aan de slag

  • Het voorbereiden van de ontwikkelomgeving
  • Installeren en configureren MobX

Een applicatie bouwen

  • Overzicht van de componentarchitectuur
  • Een React-applicatie maken (componenten, Element, JSX, enz.)

Werken met React Componentstatus

  • Initialisatie- en updatestatus
  • Werken met formulieren

Implementatie van een MobX gegevensopslag

  • Het opzetten van het gegevensarchief
  • Gegevens doorgeven aan componenten
  • Lijst met de inhoud van de gegevensopslag

Wijzigingen in gegevens beheren

  • Gegevens toevoegen om op te slaan
  • Het informeren React over de verandering in de gegevensstatus

De weergave bijwerken

  • Waarneembare gegevens declareren
  • De weergave bijwerken

Gegevensstroom verbeteren

  • Statusgegevens wijzigen via acties
  • Oproepacties (voorkomen van onveilige datamanipulatie)

Werken met berekende waarden

  • Berekeningen uitvoeren op basisgegevens

Geavanceerde ontwikkelingshulpmiddelen en -technieken gebruiken

  • Componenten maken met ES2017
  • Babel gebruiken voor ES2017 en JSX
  • WebPack gebruiken voor React en MobX
  • Asynchrone acties uitvoeren met MobX

Het testen van de applicatie

  • Unittests maken voor React componenten
  • Tools en raamwerken kiezen (Jest, Enzyme, TestUtils, etc.)
  • Unittests maken voor MobX winkels
  • Foutopsporing in de toepassing

De applicatie implementeren

  • Gereedschappen en automatisering
  • Continue integratie (CI) implementeren

Probleemoplossen

Samenvatting en conclusie

Requirements

  • React programmeerervaring

Publiek

  • Ontwikkelaars
  14 Hours
 

Getuigenissen (6)

Related Courses

Related Categories