share state instance in multiple components

[vesparny]

Hi, what is the recommended way to create the state and re-use it across components in different files? Imagine in your app.js you create the state

const State = createState({
  user: null,
  loggedIn: false
});

How do I use State and Providers in connected components?

I worked on a lib called statty and one of the most annoying thing is to create a wrapper component when you need the update in lifecycle hooks

  <State
    select={selector}
    render={({ count }, update) => (
      <ComponentsThatNeedsToAccessUpdateInLifecycle update={update} />
    )}
  />

createMutator seems meant to solve this pain, and I wonder what is the suggested way to use it in multiple components :)

Thanks

[aweary]

If you need to update state in a lifecycle, using createMutator is definitely the recommended way to do it!

[vesparny]

Assuming I create my State instance in a top-level component, should I pass createMutator as a prop to inner components?