Project Title

One Paragraph of project description goes here

Installing

npm users

npm i gpcoders-render-component

or yarn users

yarn add gpcoders-render-component

Use

Will check the loader state and then it will load the component

import GPRenderComponent from 'gpcoders-render-component'

const DummyData = (props) => {
    const { data } = props
}

const App = () => {
    return (
        <>
            <h1>Hello React</h1>
            // Spinner bool or data can be in any form
            <GPRenderComponent component={DummyData} spinner={true} data={data} />
        </>
    )
}

With custom loader

Can be used any React component as loader

import GPRenderComponent from 'gpcoders-render-component'

const CustomLoader = () => {
    return (
        <div>loading...</div>
    )
}

const DummyData = (props) => {
    const { data } = props
}

const App = () => {
    return (
        <>
            <h1>Hello React</h1>
            // Spinner bool or data can be in any form
            <GPRenderComponent spinner={true} data={data} customSpinner={<CustomLoader />} />
        </>
    )
}

GPRenderComponent Props

| Name | Type | Default | Descrption | |:----------:|:-------------:|:----:|:------| | component | Component | ErrorComponent | example: Home, Profile | | spinner | boolean | false | Loader will wait for the component loading | | customSpinner | element | null | Pass custom spinner | | data | any | null | Can be Array, Object etc |

By: GPCODERS

website: https://www.gpcoders.com

copyright 2020 @gpcoders