---
description: A special function that lets you “hook into” React features.
---

# Hooks

* Hooks were first introduced in React 16.8.
* Hooks let us use state and other React features without writing a class.

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

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

## Resources

{% embed url="https://www.syncfusion.com/blogs/post/understanding-reacts-useeffect-and-usestate-hooks.aspx" %}

## FAQs

* How do React Hooks differ from traditional React components?
* Can you give an example of how you would use the useState hook in a React application?
* How do React Hooks help with code reuse and separation of concerns?
* Can you demonstrate how to test a custom React Hook?
