Cargando…
MobX quick start guide : supercharge the client state in your React apps with MobX /
MobX is a simple and highly scalable state management library in JavaScript. Its abstractions can help you manage state in small to extremely large applications. However, if you are just starting out, it is essential to have a guide that can help you take the first steps. This book aims to be that g...
| Clasificación: | Libro Electrónico |
|---|---|
| Autores principales: | , |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham, UK :
Packt Publishing,
2018.
|
| Temas: | |
| Acceso en línea: | Texto completo Texto completo |
Tabla de Contenidos:
- Cover; Title Page; Copyright and Credits; Dedication; Packt Upsell; Foreword; Contributors; Table of Contents; Preface; Chapter 1: Introduction to State Management; The client state; Handling changes in state; The side effect model; A speed tour of MobX; An observable state; Observing the state changes; It's time to take action; A comparison with Redux; Redux in a nutshell; MobX versus Redux; Summary; Chapter 2: Observables, Actions, and Reactions; Technical requirements; Observables; Creating observables; Observable arrays; Observable maps; A note on observability; The computed observable.
- Better syntax with decoratorsActions; Enforcing the use of actions; Decorating actions; Reactions; autorun(); reaction(); A reactive UI; when(); when() with a promise; Quick recap on reactions; Summary; Chapter 3: A React App with MobX; Technical requirements; The book search; Observable state and actions; Managing the async action; The Reactive UI; Getting to the store; The SearchTextField component; The ResultsList component; Summary; Chapter 4: Crafting the Observable Tree; Technical requirements; The shape of data; Controlling observability; Using @decorators.
- Creating shallow observables with @observable.shallowCreating reference-only observables with @observable.ref; Creating structural observables with @observable.struct; Using the decorate() API; Decorating with observable(); Extending the observability; Derived state with @computed; Structural equality; Modeling the stores; Observable state; Derived state; Actions; Summary; Chapter 5: Derivations, Actions, and Reactions; Technical requirements; Derivations (computed properties); Is it a side effect?; There's more to computed(); Error handling inside computed; Actions; Why an action?
- Async actionsWrapping with runInAction(); flow(); Reactions; Configuring autorun() and reaction(); Options for autorun(); Options for reaction(); When does MobX react?; The rules; Summary; Chapter 6: Handling Real-World Use Cases; Technical requirements; Form validation; The interactions; Modeling the observable state; Onto the actions; Completing the triad with reactions; React components; The UserEnrollmentForm component; Other observer components; Page routing; The Cart checkout workflow; Modeling the observable state; A route for a step, a step for a route; The WorkflowStep.
- Actions and reactions of the workflowLoading a step; The HistoryTracker; The React components; The TemplateStepComponent; The ShowCart component; A state-based router; Summary; Chapter 7: Special API for Special Cases; Technical requirements; Direct manipulation with the object API; Granular reads and writes; From MobX to JavaScript; Watching the events flow by; Hooking into the observability; Lazy loading the temperature; Gatekeeper of changes; Intercepting the change; observe() the changes; Development utilities; Using spy() to track the reactivity; Tracing a reaction.