Last updated
Kurskode
mobx
Varighet
14 timer (vanligvis 2 dag inkludert pauser)
Krav
- React programming experience
Audience
- Developers
Oversikt
React er et Java Script-bibliotek for å bygge brukergrensesnitt. MobX er et bibliotek for å administrere tilstand i React applikasjoner.
Denne instruktørledede, MobX (på stedet eller ekstern) er rettet mot utviklere som ønsker å bruke MobX i sine React applikasjoner for å mer effektivt administrere tilstanden.
Ved slutten av denne opplæringen vil deltakerne kunne:
- Sett opp MobX i React .
- Forstå brukstilfellene for MobX , sammenlignet med Redux (f.eks. MobX "klassiske paradigme" kontra Reduxs "funksjonelle paradigme").
- Bruk MobX som et avansert tilstandslag for React applikasjoner.
Kursets format
- Interaktiv forelesning og diskusjon.
- Masse øvelser og trening.
- Praktisk implementering i et live-lab-miljø.
Alternativer for tilpasning av kurset
- For å be om en tilpasset opplæring for dette kurset, vennligst kontakt oss for å avtale.
Machine Translated
Kursplan
Introduction
- MobX vs Redux vs Relay
Understanding State Management
- How React handles local state
- How Redux manages state
- How MobX manages state
Getting Started
- Preparing the Development Environment
- Installing and Configuring MobX
Building an Application
- Overview of the component architecture
- Creating a React Application (Components, Element, JSX, etc.)
Working with React Component State
- Initializing and updating state
- Working with forms
Implementing a MobX Data Store
- Setting up the data store
- Passing data to components
- Listing out contents of data store
Managing Changes to Data
- Adding data to store
- Notifying React of the change in data state
Updating the View
- Declaring observable data
- Updating the view
Improving DataFlow
- Modifying state data through actions
- Calling actions (avoiding unsafe data manipulation)
Working with Computed Values
- Perforing calculations on core data
Using Advanced Development Tools and Techniques
- Creating components with ES2017
- Using Babel for ES2017 and JSX
- Using WebPack for React and MobX
- Performing asynchronous actions with MobX
Testing the Application
- Creating unit tests for React components
- Choosing tools and frameworks (Jest, Enzyme, TestUtils, etc.)
- Creating unit tests for MobX stores
- Debugging the Application
Deploying the Application
- Tooling and automation
- Implementing Continuous Integration (CI)
Troubleshooting
Summary and Conclusion