Skip to content

Component lifecycle

Filatov Dmitry edited this page Feb 9, 2017 · 32 revisions

Component's lifecycle is represented via various hooks called by Vidom at specific points.

onInit

void onInit()

The callback will be invoked once after a component instance has been created. It's the best place to set initial state via setState.

onRender

VNode onRender()

The callback will be invoked when a component should be rendered. It's an essential part of the component lifecycle. It should return a single child node based on this.attrs, this.children and possible internal state this.state of a component. This child node can be either a TagNode or another ComponentNode with a component that you've defined. This method is supposed to be pure, it should have no side effects. It's allowed to return null value, in this case <noscript/> tag will be rendered.

onMount

void onMount()

The callback will be invoked once after a component has been mounted to the DOM.

onAttrsChange

void onAttrsChange(
    Object prevAttrs,
    Any prevChildren
)

The callback will be invoked each time when component attrs are changed and component is going to perform rerender.

shouldUpdate

Boolean shouldUpdate(
    Object prevAttrs,
    Any prevChildren,
    Object prevState
)

The callback will be invoked each time before a component is going to perform rerender. If it returns false a component won't be updated and rerendered.

onUpdate

void onUpdate(
    Object prevAttrs,
    Any prevChildren,
    Object prevState
)

The callback will be invoked each time after a component has updated its DOM.

onChildContextRequest

Object onChildContextRequest()

The callback will be invoked each time before a component is going to pass its context to children.

onUnmount

void onUnmount()

The callback will be invoked once before a component is unmounted from the DOM.