Integrating React Router with Unstated

Question

The following code, where each component includes <Subscribe to={[ZebraContainer]}> causes ZebraContainer to be constructed three times. Is there an accepted pattern to maintain ZebraContainer as a global singleton and only construct once?

  <Provider>
    <BrowserRouter>
      <div className="App">

        ...

        <Route path="/foo" component={Foo} />
        <Route path="/bar" component={Bar} />
        <Route path="/baz" component={Baz} />

      </div>
    </BrowserRouter>
  </Provider>

score 1 · Answer 1 · answered Mar 18 '19 at 13:36

1

In unstated containers ARE singletons. They aren't reconstructed when the components rerender.

answered Mar 18 '19 at 13:36

Lahiru

186
4

Integrating React Router with Unstated

1 Answers1