> For the complete documentation index, see [llms.txt](https://eventrix.gitbook.io/eventrix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eventrix.gitbook.io/eventrix/component-decorators/eventrixcomponent.md).

# @eventrixComponent

This decorator use eventrix context and extend component by eventrix.

{% hint style="info" %}
"eventrixComponent" decorator is required if You want use any of eventrix component decorators
{% endhint %}

{% hint style="info" %}
If You want use hooks, hocs or component decorator You must use EventrixProvider in Your application. Go to "EventrixProvider" page in "Context" section for more details.
{% endhint %}

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

```jsx
import React from 'react';
import { eventrixComponent } from 'eventrix';

@eventrixComponent
class Counter extends React.Component {
    componentDidMount() {
        this.eventrix.emit('componentMounted');
    }
    render() {
        
        return (
            <div>Component with eventrix</div>
        );
    }
}

export default Counter;
```

{% endtab %}
{% endtabs %}