Render mobx-state-tree Models in React

Share this video with your friends

Send Tweet

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