Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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