---
schema_version: "1"
id: 4b4804cd6056ac3334a775b161fb5e556977d0f08a4e7a31ab8f40a04903a3eb
title: Handle the render Event
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/js/js-render-handler.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/js-render-handler.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 442ff6c7540969dc1a3854c046b74ac7bdbe70176aea749631250165f1fe428e
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Handle the render Event

When a component is rendered or rerendered, the `aura:valueRender` event, also known as the `render` event, is fired. Handle this event to perform post-processing on the DOM or react to component rendering or rerendering. The event is preferred and easier to use than the alternative of creating a custom renderer.

The `render` event is fired after all methods in a custom renderer are invoked. For more details on the sequence in the rendering or rerendering lifecycles, see [Create a Custom Renderer](https://developer.salesforce.com/docs/platform/aura-platform/guide/js-renderers.md).

Handling the `aura:valueRender` event is similar to handling the `init` hook. Add a handler to your component's markup.

```nolang
<aura:handler name="render" value="{!this}" action="{!c.onRender}"/>
```

In this example, the `onRender` action in your client-side controller handles initial rendering and rerendering of the component. You can choose any name for the `action` attribute.

**See Also**  


-   [Invoking Actions on Component Initialization](https://developer.salesforce.com/docs/platform/aura-platform/js-cb/js-cb-init-handler.md)
-   [Create a Custom Renderer](https://developer.salesforce.com/docs/platform/aura-platform/guide/js-renderers.md)