# freestyler-context

> React context provider and consumer HOC and FaCC

Latest version **1.3.6** (published 2018-02-04) · 0 weekly downloads

## Install

```sh
npm install freestyler-context
pnpm add freestyler-context
yarn add freestyler-context
bun add freestyler-context
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.6 |
| Published | 2018-02-04 |
| First published | 2017-10-08 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | streamich |

## Links

- npm: https://www.npmjs.com/package/freestyler-context
- npm.io page: https://npm.io/package/freestyler-context

## Dependencies (2)

- [freestyler-util](https://npm.io/package/freestyler-util.md) ^1.3.6
- [freestyler-observable](https://npm.io/package/freestyler-observable.md) ^1.3.6

## Recent versions

- 1.3.6 (latest) — 2018-02-04
- 1.3.5 — 2018-02-04
- 1.3.4 — 2018-02-03
- 1.3.3 — 2018-01-20
- 1.3.2 — 2018-01-14
- 1.3.0 — 2018-01-13
- 1.2.2 — 2017-12-10
- 1.2.1 — 2017-10-15
- 1.0.0 — 2017-10-08

## README

# freestyler-context

Generic context provider/consumer library for React.

Usage:

```jsx
import {Provider, Consumer} from 'freestyler-context';

<Provider name="theme" value={{color: 'red'}}>
    <Consumer name="theme">{(theme) => {
        return <div>Color is: {theme.color}</div>;
    }}</Consumer>
</Provider>
```

Merges values of multiple providers with the same name:

```jsx
import {Provider, Consumer} from 'freestyler-context';

<Provider name="theme" value={{color: 'red', background: '#fff'}}>
    <Provider name="theme" value={{color: 'blue'}}>
        <Consumer name="theme">{(theme) => {
            return <div>Color is: {theme.color}</div>;
        }}</Consumer>
    </Provider>
</Provider>
```

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