daveols

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

daveols

const App = () => (
-  <LoadsProvider>
    <Bacon />
-  </LoadsProvider>
)

daveols

const customCacheProvider = {
  get: ...,
  set: ...
}

const Bacon = () => (
  <Loads cacheKey='bacon' cacheProvider={customCacheProvider} fn={getBacon}>
    ...
  </Loads>
)

daveols

import cacheProvider from './cache-providers/local-storage'

const App = () => (
  <LoadsProvider cacheProvider={cacheProvider}>
    <Bacon />
  </LoadsProvider>
)

daveols

const Global = typeof window !== 'undefined' ? window : global

const serialize = data => JSON.stringify(data)

const deserialize = stringValue => {
  if (!stringValue) return

  let value = ''
  try {
    value = JSON.parse(stringValue)

daveols

const withLoadsProvider = WrappedComponent => props => (
  <LoadsProvider>
    <WrappedComponent {...props}/>
  </LoadsProvider>
)

const Router = createRoutes({
  '/eggs': withLoadsProvider(Eggs),
  '/bacon': withLoadsProvider(Bacon)
})

daveols

import { LoadsProvider } from 'react-loads'

const Bacon = () => (
  <Loads cacheKey='bacon' fn={getBacon}>
    ...
  </Loads>
)

const App = () => (
  <LoadsProvider>

daveols

const getBacon = () =>
  axios.get('https://baconipsum.com/api/?type=meat-and-filler')

const Bacon = () => (
  <Loads fn={getBacon}>
    {({ isIdle, isLoading, isSuccess, response, load }) => (
      <div>
        <button onClick={load}>
          {isIdle ? 'Get some bacon' : 'Get more bacon'}
        </button>