react-api-connector v0.0.6

react-api-connector

Installation

1. Create a React app

npx create-react-app my-project-name

2. Install react-api-connector

npm i react-api-connector

Preparing your code

Define your DataProvider

Example for a RestProvider:

const provider = new RestProvider("https://localhost:8888/api");

Initialize API Connector

Option 1: Using react-api-connector redux store

import React from 'react';
import { Provider } from 'react-redux'
import { ReduxStore, ApiConnect, RestProvider } from 'react-api-connector'

import MyApp from './MyApp'

function App() {
   const provider = new RestProvider("http://127.0.0.1:4444");

  return (
      <Provider store={ReduxStore}>
          <ApiConnect provider={provider}>
            <MyApp />
          </ApiConnect>
      </Provider>
  );
}

Option 2: Using own redux store and use react-api-connector redux reducer

import React from 'react';
import { createStore, combineReducers, Provider } from 'react-redux'
import { ReduxReducer, ApiConnect, RestProvider } from 'react-api-connector'

import MyApp from './MyApp'

function App() {
  let store = createStore(combineReducers({ api_state: ReduxReducer });
  const provider = new RestProvider("http://127.0.0.1:4444");

  return (
      <Provider store={store}>
          <ApiConnect provider={provider}>
            <MyApp />
          </ApiConnect>
      </Provider>
  );
}