# react-async-manager

> A component to help manage work outside render cycle

Latest version **0.0.1** (published 2017-11-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-async-manager
pnpm add react-async-manager
yarn add react-async-manager
bun add react-async-manager
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2017-11-23 |
| First published | 2017-11-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | edygar |
| Keywords | async, react, effect |

## Links

- npm: https://www.npmjs.com/package/react-async-manager
- npm.io page: https://npm.io/package/react-async-manager

## Dependencies (1)

- [react](https://npm.io/package/react.md) ^16.0.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.1 (latest) — 2017-11-23
- 0.0.0-semantically-released — 2017-11-23

## README

## React Async Effect

## The problem

You want to render the result of an asynchronously effect (action) that happens
outside the scope of the component. In order to do so, you have to take care and
be aware of the communication format (is it a promise, an observable or a
pubsub?) and not only, you should manage race condition against the component
unmounting. More, you also need to represent the current state of that action on
screen, being either a pending state, an error or the proper result. In case of
error, you want to allow user to retry.

## This solution

This component helps on the creation of components that provides control over an
async effect, so it deals only with its task. Also, it normalizes the way of
work on imperative effects modeled as components.

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->

<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

* [Props](#props)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Props

TBD

---
_Source: https://npm.io/package/react-async-manager · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
