Explain the life-cycle of a component in ExtJS?

Initialization:

-The config object is applied

-The base Component events are created

-The component is registered in ComponentMgr

-The initComponent method is called

-Plugins are loaded (if applicable)

-State is initialized (if applicable)

-The component is rendered (if applicable)

2.  Rendering:

-The beforerender event is fired

-The container is set

-The onRender method is called

-The Component is "unhidden"

-Custom class and/or style applied

-The render event is fired

-The afterRender method is called

-The Component is hidden and/or disabled (if applicable)

-Any state-specific events are initialized (if applicable)

3. Destruction :

-The beforedestroy event is fired

-The beforeDestroy method is called

-Element and its listeners are removed

-The onDestroy method is called

-Component is unregistered from ComponentMgr

-The destroy event is fired

-Event listeners on the Component are removed