packages/react/README.md
# โ๏ธ React Hyper Fetch
<p>
<a href="https://bettertyped.com/">
<img src="https://custom-icon-badges.demolab.com/static/v1?label=&message=BetterTyped&color=333&logo=BT" />
</a>
<a href="https://github.com/BetterTyped/hyper-fetch">
<img src="https://custom-icon-badges.demolab.com/github/stars/BetterTyped/hyper-fetch?logo=star&color=118ab2" />
</a>
<a href="https://github.com/BetterTyped/hyper-fetch/blob/main/License.md">
<img src="https://custom-icon-badges.demolab.com/github/license/BetterTyped/hyper-fetch?logo=law&color=yellow" />
</a>
<a href="https://www.npmjs.com/package/@hyper-fetch/react">
<img src="https://custom-icon-badges.demolab.com/npm/v/@hyper-fetch/react.svg?logo=npm&color=e76f51" />
</a>
<a href="https://api.codeclimate.com/v1/badges/eade9435e75ecea0c004/test_coverage">
<img src="https://api.codeclimate.com/v1/badges/eade9435e75ecea0c004/test_coverage" />
</a>
<a href="https://github.com/BetterTyped/hyper-fetch">
<img src="https://custom-icon-badges.demolab.com/badge/typescript-%23007ACC.svg?logo=typescript&logoColor=white" />
</a>
<a href="https://www.npmjs.com/package/@hyper-fetch/react">
<img src="https://custom-icon-badges.demolab.com/bundlephobia/minzip/@hyper-fetch/react?color=64BC4B&logo=package" />
</a>
</p>
## About
**`React Hyper Fetch`** is a set of hooks for Hyper Fetch. Combined with React's lifecycle it allow to `create modern`,
`optimized`, `maintainable` and `high quality solutions`. We offer many hooks for your use, thanks to which you can
fetch or mutate data, observe sent requests and interact with data in the cache.
## Key Features
๐ฎ **Simple setup** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/basic/setup)
๐ฏ **Request cancellation** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/cancellation)
โจ **Window Focus/Blur Events** -
[Read more](https://hyperfetch.bettertyped.com/docs/guides/react/core/window-focus-blur)
๐ **Queueing** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/queueing)
๐ **Automatic caching** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/core/cache)
๐ช **Persistence** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/persistence)
๐ **SSR Support** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/environment)
๐ **Offline First** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/offline)
๐ก **Built-in adapter** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/core/adapter)
๐งช **Easy to test** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/testing)
๐ **Authentication** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/basic/authentication)
๐ก **Prefetching** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/prefetching)
## Help me keep working on this project โค๏ธ
- [Become a Sponsor on GitHub](https://github.com/sponsors/prc5)
## Sources
- #### [Installation](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/installation)
- #### [Docs](https://hyperfetch.bettertyped.com/docs/react/overview)
- #### [API](https://hyperfetch.bettertyped.com/api/)
- #### [NPM](https://www.npmjs.com/package/@hyper-fetch/react)
- #### [Guides](https://hyperfetch.bettertyped.com/guides/basic/setup)
## Other Packages
- - #### [Hyper Fetch](https://github.com/BetterTyped/hyper-fetch/tree/main/packages/core)
- #### [Hyper Fetch Sockets](https://github.com/BetterTyped/hyper-fetch/tree/main/packages/sockets)