React equivalent hooks for ComponentWillMount Ask?

Question

React

I looked here , but the selected answer doesn't answer the question. I'm looking for a componentWillMount() equivalent to perform logic similar to:

useEffect(() => {
  if (condition) {
    // do stuff
  }
}, []);

The problem with the above is that the component renders for a fraction of a second before executing the useEffect block of code.
Is there a way around this? Without using useEffect in the main App component or creating a custom hook?

Answer 1

First, componentWillMount is not recommended for use. Secondly, it will not protect you in any way from an additional render call if it is an asynchronous operation, and it is not needed for synchronous ones.
Feel free to use componentDidMount and useEffect.
And you can fence yourself off from unnecessary calculations, for example, like this:
if (!someCondition) return null;

Answer 2

Try

useLayoutEffect(() => {
  if (condition) {
    // do stuff
  }
}, []);

partial equivalent

Answer 3

Eh, why did you have to post here in order to immediately find this font, before that I couldn’t find it ...
It looks like Rodeo