---
sidebar_position: 11
tags: [Web, React, Hook]
---

# Hooks

React Hooks allow you to use state and other React features in functional components.

## Intrinsic

- [State](./state.md) - useState for component state
- [Reducer](./reducer.md) - useReducer for complex state
- [Memo](./memo.md) - useMemo for memoized values
- [Callback](./callback.md) - useCallback for memoized callbacks
- [Ref](./ref.md) - useRef for refs
- [Context](./context.md) - useContext for global state

## Effects

- [Effects](./effects.md) - useEffect, useLayoutEffect, useInsertionEffect

## Concurrent Features

- [Concurrent Features](./concurrent.md) - UseDeferredValue, useTransition, useSyncExternalStore

## Server Interaction

- [Servers](./servers.md) - UseOptimistic, useActionState, useFormStatus

## Utility

- [Utility](./utility.md) - useId, useEvent, useImperativeHandle, useDebugValue
- [Lifecycle](./lifecycle.md) - componentDidMount, componentWillUnmount, componentDidUpdate, forceUpdate, isMounted
- [Event](./event.md) - useInterval, useDebounce for event handling
- [Form](./form.md) - useForm with state and ref implementations for form management
- [Media](./media.md) - useMedia for responsive design, useLockedBody for scroll control
- [Router](./router.md) - useStateParams, useRouter, useHistory for routing and navigation
- [Resource](./resource.md) - useScript, useCookie, useLocalStorage for external resource management
- [Data](./data.md) - useAsyncData for API calls, useRealTimeQuery for Firebase integration
- [Store](./store.md) - Simple and complex store patterns, Recoil, Atom, Zustand implementations

## Best Practices

- [Best Practices](./best-practices.md) - Hooks best practices

## Internals

- [Internals](./internals.md) - How hooks work under the hood
