MobX quick start guide : supercharge the client state in your React apps with MobX

MobX quick start guide supercharge the client state in your React apps with MobX

Apply functional Reactive programming for simple and scalable state management with MobX Key Features The easiest way to learn MobX to enhance your client-side state-management Understand how the concepts and components fit together Work through different state management scenarios with MobX Book De...

Full description

Bibliographic Details
Other Authors: Podila, Pavan, author (author), Weststrate, Michel, author
Format: eBook
Language:Inglés
Published: Birmingham ; Mumbai : Packt Publishing 2018.
Edition:1st edition
Subjects:
JavaScript (Computer program language)
Web applications.
Application software > Development.
Information technology > Management.
See on Biblioteca Universitat Ramon Llull:https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009630685506719
Table of Contents:
  • 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 decorators
  • Actions
  • 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.shallow
  • Creating 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 actions
  • Wrapping 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 workflow
  • Loading 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
  • Visual debugging with mobx-react-devtools
  • A few other APIs
  • Querying the reactive system
  • Probing deeper into the reactive system
  • Summary
  • Chapter 8: Exploring mobx-utils and mobx-state-tree
  • Technical requirements
  • The utility functions of mobx-utils
  • Visualizing async-operations with fromPromise()
  • Using lazyObservable() for deferred updates
  • A generalized lazyObservable() with fromResource()
  • A view model to manage edits
  • There is lot more to discover
  • An opinionated MobX with mobx-state-tree.
  • Models - properties, views, and actions
  • Defining actions on the model
  • Creating derived information with views
  • Fine-tuning primitive types
  • Composing trees
  • References and identifiers
  • Referencing by types.identifier() and types.reference()
  • Out-of-the-box benefits of declarative models
  • Immutable snapshots
  • JSON patches
  • Middlewares
  • Further reading
  • Summary
  • Chapter 9: Mobx Internals
  • Technical requirements
  • A layered architecture
  • The Atom
  • Reading atoms at runtime
  • Creating an Atom
  • The atomic clock example
  • ObservableValue
  • ComputedValue
  • Efficient computation
  • Derivation
  • The cycle of derivation
  • Exception handling
  • The API layer
  • Transparent functional reactive programming
  • It is Transparent...
  • It is reactive...
  • It is functional...
  • Value Oriented Programming
  • Summary
  • Other Books You May Enjoy
  • Index.

Similar Items