Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-utility-component with all npm packages installed. Try it out:

require("lodash/package.json"); // lodash is a peer dependency. require("react/package.json"); // react is a peer dependency. require("react-async/package.json"); // react-async is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. require("react-waypoint/package.json"); // react-waypoint is a peer dependency. var reactUtilityComponent = require("react-utility-component")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-utility-component v1.1.6

react component utility tools

react-utility-component

Getting started

npm install react-utility-component --save

Components

No.NameType
1ResponsiveComponent
2AdaptiveComponent
3FetchComponent
4FetchMoreComponent
5LoadingHocHOC
6IfInViewComponent

How to use

Responsive Component

import React, { Component } from 'react'

import { Responsive } from 'react-utility-component';

export default class index extends Component {
    render() {
        return (
            <div>
                <Responsive 
                breakpoint={'md'} 
                narrowScreen={<div>show for narrow screen mode</div>} 
                wideScreen={<div>show for wide screen mode</div>} />
            </div>
        )
    }
}

And more components coming soon document....

Inspire and extend from nextwebjs

  • https://suranartnc.github.io/nextweb/docs/getting-started/getting-started/
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free