1. React
  2. ReactFoo
  3. 2018 Hyderabad
  4. Next-gen React state management with MobX State Tree

Next-gen React state management with MobX State Tree

Prashant Tiwari at ReactFoo 2018 Hyderabad

Redux is amazing, MobX is awesome. They both solve the problem of state management in complex React apps, but they have vastly different philosophies and approaches to doing so. Redux championed highly predictable UI state as an immutable data structure, MobX showed how observables get the work done with zero boilerplate. Mobx State Tree (by the author of MobX) is a snapshot-able state container that brings together the best of both these worlds. It eliminates the complexity involved in maintaining explicit actions and reducers while providing highly efficient reactive state derivations with replayable actions and time travel. In this talk I’ll take you through a small React project leveraging the best that MST has to offer.