react-jsonbox

1.0.0 • Public • Published

react-jsonbox

React wrapper to use jsonbox easily

NPM JavaScript Style Guide

Exports some hooks to manipulate data in jsonbox.io easier and get your backends up and running in minutes.

Install

npm install --save react-jsonbox

Usage

  1. Import the provider and wrap your app in it to always have access to the box id and base url

The url will default to https://jsonbox.io

import { JsonBoxProvider } from 'react-jsonbox'
 
const rootElement = document.getElementById('root')
ReactDOM.render(
  <JsonBoxProvider
    value={{ url: 'https://yourbackend.wtf/', id: 'lghjgsjhgasj' }}
  >
    <App />
  </JsonBoxProvider>,
  rootElement
)
  1. Use the hooks
import React, { Component } from 'react'
 
import useJsonBox from 'react-jsonbox'
 
const Example = () => {
  const { get } = useJsonBox()
  const [values, setValues] = useState([])
 
  const getData = async () => {
    const { data } = await read()
    setValues(data)
  }
 
  return (
    <ul>
      {values.map(value => (
        <li>{value.name}</li>
      ))}
    </ul>
  )
}

You can see an example with all the hooks available in the example folder.

License

MIT © SaraVieira

Readme

Keywords

none

Package Sidebar

Install

npm i react-jsonbox

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

685 kB

Total Files

23

Last publish

Collaborators

  • saravieira