hydrated
v0.0.4
Published
A tool for hydrating state stores
Downloads
2
Readme
hydrated
Keeps your data-stores hydrated with fresh data easily.
Usage
Install
npm install --save hydrated
In Code
Hydrated is a class that has a single instance method, hydrate
. This method should return a promise, during which data is reloaded.
Specific stores can be referenced by key to only hydrate specific stores.
At application initialization:
import Hydrated from 'hydrated'
import RaceStore from './stores/race'
const stores = {
race: new RaceStore()
}
Hydrated.stores = stores
In a store:
import axios from 'axios'
import Hydrated from 'hydrated'
export default class RaceStore implements Hydrated {
races: any[] = []
async hydrate() {
const { data } = await axios.get('/races')
this.races = races
}
}
In a component:
import React from 'react'
import Hydrated from 'hydrated'
export default class RaceList extends React.Component {
async componentDidMount() {
await Hydrated.hydrate('race')
}
}