Fetch decorator sketches

fetch.js

@connectData({
  fetch: fetchMeals,
  fromState: state => ({
    meal: state.meals[state.profile.preferredMeal]
    mealToOld: state.meals[state.profile.preferredMeal].created > new Date()
  }),
})


@connect(state => ({
  meal: state.meals[state.profile.preferredMeal]
}))

@fetch(fetchMeals, {
  mapStateToProps: state => ({
    meal: state.meals[state.profile.preferredMeal]
  }),
  forceFetch: (state, props) => state.mealToOld || props.renew,
  onFailure: (error, retry) => (
    <button onClick={retry}>Try again</button>
  )
})

@fetch((state, props) => fetchMeals,{
  mapStateToProps: state => ({
    meal: state.meals[state.profile.preferredMeal]
  }),
  forceFetch: (state, props) => state.mealToOld || props.renew,
  onFailure: (error, retry) => (
    <button onClick={retry}>Try again</button>
  )
})

@loader(props => (
  <Loader>Retrieving all meals</Loader>
))

@loader(props => (
  <Loader>Retrieving all meals</Loader>
), ['meal'])

class Comp {
  render() {
    return (
      <h1>Hello</h1>
    )
  }
}