Neatly Positioned Magazines

    react-api

    1.0.5 • Public • Published

    react-api

    Build Status npm version

    A simple tool for fetching and handling data from an API with React

    Installation

    Installing react-api in your Node project is simple:

    $ npm install react-api --save
    

    Usage

    At its core, react-api is really just a simple React component. You would treat it as you would any other React component, with a few specific settings to keep in mind while configuring:

    • ref - string - Used to reference the component getting the API response.
    • url - string - The address of where you're getting your API response.
    • callback - function - A function for handling the actual response.

    Examples

    Here is a basic example of using react-api to get some data of a GitHub user's repositories:

    const ReactAPI = require('react-api');
     
    // The address of where to retrieve data
    var URL = 'https://api.github.com/users/nickzuber/repos';
     
    const MyAwesomeComponent = React.createClass({
     
      handleResponse: function(){
        // API response as a JavaScript object:
        console.log(this.refs.github.state.data);
      },
     
      render: function(){
        return(
          <div>
            <ReactAPI ref='github' url={URL} callback={this.handleResponse} />
          </div>
        );
      }
     
    });
     

    License

    MIT

    Copyright (c) 2015 Nick Zuber

    Install

    npm i react-api

    DownloadsWeekly Downloads

    14

    Version

    1.0.5

    License

    MIT

    Last publish

    Collaborators

    • nickzuber