Life-Cycle Hooks

When you declaratively add or remove a child element, all Animations call specific hooks during the entering or exiting of the element.

Adding Child Elements

Each time you add a component to an entering animation, the Animations call the following hooks:

• onEnter—Called before the animation starts.
• onEntering—Called after the animation started.
• onEntered—Called when the animation completes.

Removing Child Elements

Each time you remove a component from an existing animation, the Animations call the following hooks:

• onExit—Called before the animation starts.
• onExiting—Called after the animation started.
• onExited—Called when the animation completes.

At this point, the animated child is not available in the DOM. For DOM operations, pass a childFactory function.

Suggested Links

• Learn about KendoReact Free.

• Basic Configuration

• API Reference of the Animation Package