> For the complete documentation index, see [llms.txt](https://combo-js.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://combo-js.gitbook.io/project/guide/concepts/life-cycle-methods.md).

# Lifecycle Methods

### Example

{% tabs %}
{% tab title="JavaScript" %}

```javascript
import { Component } from "combo-js";

const Example = new class extends Component {  
    created() {
        console.log("The component was created.")
    } 
}();

Example.mount(document.getElementById("root"));
```

{% endtab %}

{% tab title="HTML" %}

```markup
<div id="root"></div>
```

{% endtab %}
{% endtabs %}

### Processes

#### Creation Process

{% content-ref url="/pages/-LL1QVrfURyR8UNE1ZNT" %}
[created](/project/apis/component/untitled.md)
{% endcontent-ref %}

#### Mounting Process

{% content-ref url="/pages/-LL1WzalXcmpx-sQH6dj" %}
[receiving](/project/apis/component/receiving.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LcDKe-iVvjyvi0JH2nY" %}
[received](/project/apis/component/received.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LcDPfWgVHM5bB0SdKkL" %}
[canMount](/project/apis/component/canmount.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LL1Xnq5MHwWWOSW73it" %}
[mount](/project/apis/component/mount.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LL1Xg4z\_FbovmA4noXD" %}
[mounted](/project/apis/component/mounted.md)
{% endcontent-ref %}

#### Unmounting Process

{% content-ref url="/pages/-LL1UP0nrxNkeiDscrq8" %}
[unmounting](/project/apis/component/unmounting.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LL1Us0nSkmNOEE5jt8j" %}
[unmounted](/project/apis/component/unmounted-1.md)
{% endcontent-ref %}

#### Updating Process

{% content-ref url="/pages/-LcDNOA4qsiSG4qBTTpw" %}
[canUpdate](/project/apis/component/canupdate.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LL1RQNjC5\_rbaPG-yEZ" %}
[updating](/project/apis/component/updating.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LL1R9QVeqgjjYDVbjgO" %}
[updated](/project/apis/component/updated.md)
{% endcontent-ref %}

#### Rendering Process

{% content-ref url="/pages/-LcDLHxokiuzDVsEjWUI" %}
[rendered](/project/apis/component/rendered.md)
{% endcontent-ref %}