---
name: state-adapt-react
description: "Use @state-adapt/react accurately with its packaged API documentation. State management library built with RxJS and inspired by the adapter pattern introduced in NgRx/Entity. Use when implementing, debugging, reviewing, or answering questions about @state-adapt/react."
---

## StateAdapt Guide

Move logic as far downstream/colocated as possible. Derive as much as possible. Do not store duplicate/redundant state.

Prefer reactive/declarative code. Avoid unnecessary callbacks/effects. Minimize number of imperative statements.

Inline event callbacks in JSX/templates.
Only make 1 imperative call per event callback unless completely unavoidable. Ideally, directly trigger only 1 change
per event callback. Minimal event pre-processing like e.preventDefault() is okay.

## References

Use these references as the source of truth for @state-adapt/react and follow the patterns established in the examples:

### index

- [adapt](references/index/adapt.md)
- [AdaptContext](references/index/AdaptContext.md)
- [createStateAdapt](references/index/createStateAdapt.md)
- [defaultStateAdapt](references/index/defaultStateAdapt.md)
- [derive](references/index/derive.md)
- [useAdapt](references/index/useAdapt.md)
- [useDerived](references/index/useDerived.md)
- [useObservable](references/index/useObservable.md)
- [useSource](references/index/useSource.md)
- [useStore](references/index/useStore.md)
- [watch](references/index/watch.md)