Go ProSign in
Manage Application State with Mobx-state-tree

Manage Application State with Mobx-state-tree


    Render mobx-state-tree Models in React

    Michel WeststrateMichel Weststrate

    mobx-state-tree uses Mobx behind the scenes, making it super straightforward to render MST models in React. By using the observer wrapper, React components will automatically react to any relevant updates of the rendered models in the future.

    In this lesson you will learn:

    • How observer from the 'mobx-react' package is enough to render data in React components, and get notified of updates
    • That using models in components keeps components dumb so that components can often be stateless function components
    • The mobx devtools can be used to visualize that mobx-react finds the minimal sets of components to re-render after each change automatically for you

    You must be a Member to view code