# @australis/react-breakpoints

> react redux media breakpoints

Latest version **1.0.1-3** (published 2018-04-12) · ISC license · 0 weekly downloads

## Install

```sh
npm install @australis/react-breakpoints
pnpm add @australis/react-breakpoints
yarn add @australis/react-breakpoints
bun add @australis/react-breakpoints
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1-3 |
| Published | 2018-04-12 |
| First published | 2018-04-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 30.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | d10221, dzzi |
| Keywords | react, redux, breakpoint |

## Links

- npm: https://www.npmjs.com/package/@australis/react-breakpoints
- npm.io page: https://npm.io/package/@australis/react-breakpoints

## 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

- 1.0.1-3 (latest) — 2018-04-12
- 1.0.1-2 — 2018-04-11
- 1.0.1-1 — 2018-04-11
- 1.0.1-0 — 2018-04-11

## README

install:

    npm i @australis/react-breakpoints
    npm i react redux react-redux

usage:

        import * as React from "react";
        import { createStore, combineReducers } from "redux";
        import { Provider } from "react-redux";
        import { WithBreakpoints, store as rbp } from "@australis/react-breakpoint";
        /** */
        const store = createStore(
        combineReducers({
            [rbp.STORE_KEY]: rbp
            .createReducer(
                /* initial state */
                /* breakpoints: [{ key: "xs", value: 0}], window: Window */
            ),
        }),
        );
        /** */
        /** */
        class App extends React.Component {
        render() {
            return (
            <Provider store={store}>
                <WithBreakpoints
                children={state => {
                    return (
                    <div style={{ margin: "1rem" }}>
                        <pre>State : {JSON.stringify(state, null, 2)}</pre>
                    </div>
                    );
                }}
                />
            </Provider>
            );
        }
        }

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