Schița de curs

Introducere

  • MobX vs Redux vs Relay

Înțelegerea State Management

  • Cum gestionează React starea locală
  • Cum gestionează Redux starea
  • Cum gestionează MobX starea

Noțiuni introductive

  • Pregătirea mediului de dezvoltare
  • Instalarea și configurarea MobX

Construirea unei aplicații

  • Prezentare generală a arhitecturii componentelor
  • Crearea unei aplicații React (componente, elemente, JSX etc.)

Lucrul cu React Starea componentei

  • Inițializarea și actualizarea stării
  • Lucrul cu formulare

Implementarea unui magazin de date MobX

  • Configurarea depozitului de date
  • Transmiterea datelor către componente
  • Afișarea conținutului depozitului de date

Gestionarea modificărilor aduse datelor

  • Adăugarea de date în magazin
  • Notificarea React cu privire la modificarea stării datelor

Actualizarea vizualizării

  • Declararea datelor observabile
  • Actualizarea vizualizării

Îmbunătățirea fluxului de date

  • Modificarea datelor de stare prin acțiuni
  • Apelarea acțiunilor (evitarea manipulării nesigure a datelor)

Lucrul cu valorile calculate

  • Calcule de perforare pe baza datelor de bază

Utilizarea instrumentelor și tehnicilor avansate de dezvoltare

  • Crearea de componente cu ES2017
  • Utilizarea Babel pentru ES2017 și JSX
  • Utilizarea WebPack pentru React și MobX
  • Efectuarea de acțiuni asincrone cu MobX

Testarea aplicației

  • Crearea de teste unitare pentru componentele React
  • Alegerea instrumentelor și a cadrelor de lucru (Jest, Enzyme, TestUtils etc.)
  • Crearea de teste unitare pentru magazinele MobX
  • Depanarea aplicației

Implementarea aplicației

  • Scule și automatizare
  • Implementarea integrării continue (CI)

Depanare

Rezumat și concluzii

Cerințe

  • React experiență în programare

Audiență

  • Dezvoltatorii
 14 ore

Numărul de participanți


Pret per participant

Upcoming Courses