---
description: >-
  Improves the experience of reusing logic between webcomponents based on
  Atomico
---

# Hooks

## Hooks only for webcomponents

{% content-ref url="hooks/useprop" %}
[useprop](hooks/useprop)
{% endcontent-ref %}

{% content-ref url="hooks/useevent" %}
[useevent](hooks/useevent)
{% endcontent-ref %}

{% content-ref url="hooks/usehost" %}
[usehost](hooks/usehost)
{% endcontent-ref %}

{% content-ref url="hooks/useupdate" %}
[useupdate](hooks/useupdate)
{% endcontent-ref %}

{% content-ref url="hooks/usepromise" %}
[usepromise](hooks/usepromise)
{% endcontent-ref %}

{% content-ref url="hooks/useasync-and-usesuspense" %}
[useasync-and-usesuspense](hooks/useasync-and-usesuspense)
{% endcontent-ref %}

## Hooks homogolates of React

{% content-ref url="hooks/usestate" %}
[usestate](hooks/usestate)
{% endcontent-ref %}

{% content-ref url="hooks/usereducer" %}
[usereducer](hooks/usereducer)
{% endcontent-ref %}

{% content-ref url="hooks/useref" %}
[useref](hooks/useref)
{% endcontent-ref %}

{% content-ref url="hooks/useeffect-y-uselayouteffect" %}
[useeffect-y-uselayouteffect](hooks/useeffect-y-uselayouteffect)
{% endcontent-ref %}

{% content-ref url="hooks/usememo-y-usecallback" %}
[usememo-y-usecallback](hooks/usememo-y-usecallback)
{% endcontent-ref %}

{% content-ref url="hooks/usecontext" %}
[usecontext](hooks/usecontext)
{% endcontent-ref %}

{% content-ref url="hooks/useid" %}
[useid](hooks/useid)
{% endcontent-ref %}

## @atomico/hooks

Atomico today offers more Hooks external to the core, we invite you to visit [@atomico/hooks](../packages/atomico-hooks) with more than 50 hooks to enhance the use of webcomponents 😎

{% content-ref url="../packages/atomico-hooks" %}
[atomico-hooks](../packages/atomico-hooks)
{% endcontent-ref %}
