render is called before componentWillMount

It seems like render is called before componentWillMount.

looking in the code it looks like things are happening in this order:

1. render hook
2. componentWillMount hook
3. node is appended to the DOM
4. componentDidMount hook

Its not as in react spec, but more importantly calling the hook before everything makes a lot of sense to me. otherwise there is no hook that allows touching the component before the first render.

I tried to play with the code a bit, but I couldn’t figure out how to move the hook to the right place.

mainly this line

    rendered = hook(component, 'render', props, state, context);

is positioned before this

    if (component.base) deepHook(inst, 'componentWillMount');
    setComponentProps(inst, childProps, NO_RENDER, childContext);
    renderComponent(inst, DOM_RENDER);
    if (component.base) deepHook(inst, 'componentDidMount');

[developit]

I think this being fixed probably warrants a party of some kind. Cheers, all! 🍻

[leonid-bauxy]

Still doesn’t work in 5.0.0-beta.1. Unfortunately, constructor isn’t a real replacement. Many react components/mixins/decorators rely on componentWillMount to be called before render. It’s a lot of trouble to go through each and every one of them and rewrite them from using mixins to extending the component class instead, because there is no other way. You can’t override constructor on the prototype via decorator, or create a mixin that does it. I’ve stumbled upon this bug multiple times. componentWillMount is essentially useless if it’s not called before render.