자료유형 | 단행본 |
---|---|
서명/저자사항 | MobX quick start guide : supercharge the client state in your React apps with MobX/ Pavan Podila, Michel Weststrate. [electronic resource]. |
개인저자 | Podila, Pavan,author. Weststrate, Michel,author, |
발행사항 | Birmingham, UK: Packt Publishing, 2018. |
형태사항 | 1 online resource: illustrations. |
기타형태 저록 | Print version: Podila, Pavan. MobX Quick Start Guide : Supercharge the Client State in Your React Apps with MobX. Birmingham : Packt Publishing Ltd, ©2018 9781789344837 |
ISBN | 9781789348972 1789348978 |
서지주기 | Includes bibliographical references. |
내용주기 | 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. |
요약 | 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 guide that will equip you with the skills ... |
일반주제명 | JavaScript (Computer program language) Application software --Development. Web applications. Information technology --Management. Application software --Development. Information technology --Management. JavaScript (Computer program language) Web applications. |
언어 | 영어 |
바로가기 | ![]() |