ReactFoo Hyderabad

On React, alternatives to React, ReactNative and front-end engineering

Next-gen React state management with MobX State Tree

Submitted by Prashant Tiwari (@prashaantt) on Wednesday, 21 February 2018

videocam_off

Technical level

Intermediate

Section

Full talk

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +2

Abstract

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 snapshotable 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.

Outline

https://docs.google.com/presentation/d/1pV-hJE_bgRfuLNKHz_POwhkc-wMteUgxGTwI1Z8ClRw/edit?usp=sharing

Speaker bio

Head of Engineering at Insider.in

Comments

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 9 months ago

    Prashant, we had a brief discussion about MobX and Redux in Pune, which is why this proposal is interesting. I want to see a mind map or a draft slide deck. Upload it here by or before 24 February. Have you delivered this talk before? What is the duration of this talk?

    • 1
      Prashant Tiwari (@prashaantt) Proposer 9 months ago

      Yes, the attached presentation is from the talk I gave at the pre-JSFoo event at Mumtechup. There’s enough material available here to go full-length with this.

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 9 months ago

    Prashant, we had a brief discussion about MobX and Redux in Pune, which is why this proposal is interesting. I want to see a mind map or a draft slide deck. Upload it here by or before 24 February. Have you delivered this talk before? What is the duration of this talk?

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 9 months ago

    Prashant, here is another comment from Preeti Wadhwani on your proposal: At ReactFoo Pune, we heard that it is easy to start with MobX and it gives best of both worlds. I personally have never used it. What I will be interested in knowing whether you used Redux for one project and realised MobX will be a better option there and vice versa. Also some participants at ReactFoo Pune had queries about when to use local state vs global state. I have seen people face difficulties deciding. So I want to know about your experience with when there is need of using such libraries, and even if we are using the libraries which state we should store – globally or locally.

    • 1
      Prashant Tiwari (@prashaantt) Proposer 9 months ago

      Yes, I’ve used both redux and mobx extensively in production apps. Please note that this particular talk goes beyond mobx itself to discuss the new mobx-state-tree project, which IMO is a perfect blend of the best of both.

Login with Twitter or Google to leave a comment