MobX React replacement for componentWillReact() for triggering layout animations

210 views Asked by At

It was once recommended to use componentWillReact() to trigger layout animations in response to changes in observable values, like so:

componentWillReact() {
        LayoutAnimation.configureNext(LayoutAnimation.Presets.spring);
    }

However, componentWillReact() has been removed in mobx-react@6.

What is the recommended replacement? My observable class should know nothing about it's observer, so I'm looking for a similar event-driven solution.

Thanks!

1

There are 1 answers

0
Egor Vasilev On BEST ANSWER

If I got your question correctly, and you have a chance to use functional component, try the useLayoutEffect hook instead of componentWillReact, declare observable value as its deps, and call LayoutAnimation.configureNext in hook's callback, like this:

useLayoutEffect(() => {
  LayoutAnimation.easeInEaseOut();
}, [store.something]);