# redux-dehydrate

> Store enhancer to dehydrate the initial state for redux store

Latest version **0.0.2** (published 2016-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install redux-dehydrate
pnpm add redux-dehydrate
yarn add redux-dehydrate
bun add redux-dehydrate
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2016-09-18 |
| First published | 2016-09-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Khang Hoang |
| Maintainers | khanghoang |
| Keywords | redux, store, enhancer |

## Links

- npm: https://www.npmjs.com/package/redux-dehydrate
- Repository: https://github.com/khanghoang/redux-dehydrate
- Homepage: https://github.com/khanghoang/redux-dehydrate#readme
- Issues: https://github.com/khanghoang/redux-dehydrate/issues
- npm.io page: https://npm.io/package/redux-dehydrate

## Dependencies (1)

- [lodash](https://npm.io/package/lodash.md) ^4.15.0

## Alternatives

- [@reckona/mreact-store](https://npm.io/package/@reckona/mreact-store.md) — 976 weekly downloads
- [regular-state](https://npm.io/package/regular-state.md) — 410 weekly downloads
- [@pacote/flux-actions](https://npm.io/package/@pacote/flux-actions.md) — 65 weekly downloads
- [@pilotlab/lux-debug](https://npm.io/package/@pilotlab/lux-debug.md) — 39 weekly downloads
- [vue-persist-state](https://npm.io/package/vue-persist-state.md) — 19 weekly downloads

## Recent versions

- 0.0.2 (latest) — 2016-09-18
- 0.0.1 — 2016-09-17

## README

# redux-dehydrate
Store enhancer for restoring the initial state of redux storage.

# Real world use case:
<will input>

# Usage
```javascript
// App.js

const { compose, createStore } from 'redux';
const reduxRestore from 'redux-dehydrate';
const { Provider } from 'react-redux';
const React, { render, Component } from 'react';
const { isEmpty } from 'lodash';

const initialState = { foo: 'bar' };
const rootReducer = (state = initialState, action) => {
  // handle actions
  return state;
};

const restoreStatePromise = () => Promise.resolve({ foo: 'bar' });

const enhancers = compose(
  reduxRestore(restoreStatePromise()),
  // middlewares
  // devtool
);

const store = createStore(rootReducer, initialState, enhancers);
const App = () => {
  <Provider store={store}>
    // children component
    <div />
  </Provider>
}

class Root extends Component {
  componentDidMount() {
    const unsubscribe = store.subscribe(() => {
      this.forceUpdate();
      unsubscribe();
    });
  }
  
  render() {
    if (isEmpty(store)) {
      return (
        <div>Loading store...</div>
      );
    }
    
    return <App />;
  }
}

render(<Root />, document.getElementById('root'));
```

# Notes:
If the restore promise returns false, the lib will use the `initalState` implicitly. 

# Credits: 
This lib couldn't be done without (a ton of) helps from [@tungv](https://github.com/tungv).  
Have question? Ask me on [@khanght](https://twitter.com/@khanght)

# License
What's license? just kidding, `redux-dehydrate` is available under the MIT license. See the LICENSE file for more info.

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