@schnecke/page_preloader v1.0.0

page_preloader

loading screen for GA class

Install

npm install --save page_preloader

Usage

import React, { Component } from 'react'

import {PreloaderOne, CircularLoader} from 'page_preloader'
import 'page_preloader/dist/index.css'

class Example extends Component {
  state = {
    statusState: false,
    lists : []
  }

  componentDidMount() {
    fetch(`URL GOES HERE`)
      .then(res => res.json())
      .then(result => {
        this.setState({ statusState : true, lists: result})
      })
      .catch(err => {
        console.log(err)
      })
  }

  render() {
    return (
      <>
    <PreloaderOne color={"red"} />
        <CircularLoader status={statusState}>
          <div>
            {lists.map(item => {
              <li key={item.id}>{item.name}</li>
            })}
          </div>
        </CircularLoader>
    </>
    )
  }
}

Preloader

Circular Preloader

License

MIT © guru-schnecke