Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Render mobx-state-tree Models in React


    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