open-index/open-npm huggingface dataset:
npm package: @matt-dunn/api
Description: API helpers
Author: Matt Dunn
Latest version: 1.14.10

# @matt-dunn/api [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fapi.svg)](https://www.npmjs.com/package/@matt-dunn/api)

API helpers.

---

[Docs](https://matt-dunn.github.io/packages/packages/api/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/api
```

or

```sh
yarn add @matt-dunn/api
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/error
Description: Error utils
Author: Matt Dunn
Latest version: 1.9.16

# @matt-dunn/error [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Ferror.svg)](https://www.npmjs.com/package/@matt-dunn/error)

Error helpers and ErrorBoundary with React Router support.

---

[Docs](https://matt-dunn.github.io/packages/packages/error/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/error
```

or

```sh
yarn add @matt-dunn/error
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/notification
Description: Notification flux action
Author: Matt Dunn
Latest version: 1.2.9

# @matt-dunn/notification [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fnotification.svg)](https://www.npmjs.com/package/@matt-dunn/notification)

Notification flux action.

---

[Docs](https://matt-dunn.github.io/packages/packages/notification/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/notification
```

or

```sh
yarn add @matt-dunn/notification
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/react-wireframes
Description: React component to annotate your components — useful for prototypes and proof of concepts
Author: Matt Dunn
Latest version: 2.1.17

# @matt-dunn/react-wireframes [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Freact-wireframes.svg)](https://www.npmjs.com/package/@matt-dunn/react-wireframes)

React component to annotate your components — useful for prototypes and proof of concepts.

---

[e2e test results](https://matt-dunn.github.io/packages/packages/react-wireframes/e2e/)

[Storybook](https://matt-dunn.github.io/packages/storybook/?path=/docs/matt-dunn-react-wireframes/)

[Demo](https://matt-dunn.github.io/packages/packages/react-wireframes/examples/)

[Docs](https://matt-dunn.github.io/packages/packages/react-wireframes/docs/)

[CodePen](https://codepen.io/matt-j-dunn/pen/NWqZmQY?editors=0010)

---

## Getting Started

```sh
npm install --save @matt-dunn/react-wireframes
```

or

```sh
yarn add @matt-dunn/react-wireframes
```

### Annotate a component

```jsx
const AnnotatedMyComponent = withWireframeAnnotation({
    title: "MyComponent title",
    description: "MyComponent description.",
})(MyComponent);
```

### Wrap your application with the container

```jsx
  <WireframeContainer>
    <AnnotatedMyComponent />
    {/*...application*/}
  </WireframeContainer>
```

## API

See [Storybook](https://matt-dunn.github.io/packages/storybook/?path=/docs/matt-dunn-react-wireframes/).

## Example Implementation

This example shows a set of components annotated using ```react-wireframes```. 

![](https://raw.githubusercontent.com/matt-dunn/packages/HEAD/packages/react-wireframes/docs/assets/react-wireframes.gif)


## Simple bare-bones example

```jsx
import ReactDOM from "react-dom";
import React from "react";

import {
    WireframeContainer, withWireframeAnnotation,
} from "@matt-dunn/react-wireframes";

const MyComponent = () => <article>Hello world</article>;

const AnnotatedMyComponent = withWireframeAnnotation({
    title: "MyComponent title",
    description: "MyComponent description.",
})(MyComponent);

const app = (
  <WireframeContainer>
      <AnnotatedMyComponent />
  </WireframeContainer>
);

ReactDOM.render(
  app,
  document.getElementById("app"),
);
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/redux-middleware-saga-async-action
Description: Redux Saga middleware for decorating async actions
Author: Matt Dunn
Latest version: 1.0.12

# @matt-dunn/redux-middleware-saga-async-action [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fredux-middleware-saga-async-action.svg)](https://www.npmjs.com/package/@matt-dunn/redux-middleware-saga-async-action)

Redux Saga middleware for decorating async actions.

---

[Docs](https://matt-dunn.github.io/packages/packages/redux-middleware-saga-async-action/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/redux-middleware-saga-async-action
```

or

```sh
yarn add @matt-dunn/redux-middleware-saga-async-action
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/redux-middleware-saga-notification
Description: Redux Saga middleware for application notifications
Author: Matt Dunn
Latest version: 1.0.12

# @matt-dunn/redux-middleware-saga-notification [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fredux-middleware-saga-notification.svg)](https://www.npmjs.com/package/@matt-dunn/redux-middleware-saga-notification)

Redux Saga middleware for application notifications.

---

[Docs](https://matt-dunn.github.io/packages/packages/redux-middleware-saga-notification/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/redux-middleware-saga-notification
```

or

```sh
yarn add @matt-dunn/redux-middleware-saga-notification
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/redux-utils
Description: Redux utils
Author: Matt Dunn
Latest version: 1.0.12

# @matt-dunn/redux-utils [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fredux-utils.svg)](https://www.npmjs.com/package/@matt-dunn/redux-utils)

Redux utils.

---

[Docs](https://matt-dunn.github.io/packages/packages/redux-utils/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/redux-utils
```

or

```sh
yarn add @matt-dunn/redux-utils
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)
npm package: @matt-dunn/state-mutate-with-status
Description: State mutator with decorated status for async actions
Author: Matt Dunn
Latest version: 1.0.16

# @matt-dunn/state-mutate-with-status [![Actions Status](https://github.com/matt-dunn/packages/workflows/CI/badge.svg)](https://github.com/matt-dunn/packages/actions) [![NPM Package](https://badge.fury.io/js/%40matt-dunn%2Fstate-mutate-with-status.svg)](https://www.npmjs.com/package/@matt-dunn/state-mutate-with-status)

State mutator with decorated status for async actions. Useful in reducers.

---

[Docs](https://matt-dunn.github.io/packages/packages/state-mutate-with-status/docs/)

---

## Getting Started

```sh
npm install --save @matt-dunn/state-mutate-with-status
```

or

```sh
yarn add @matt-dunn/state-mutate-with-status
```

## License

The MIT License (MIT) Copyright (c) 2020 [Matt Dunn](https://matt-dunn.github.io/)