npm

Need private packages and team management tools?Check out npm Orgs. »

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

Keywords

none

install

npm i react-jsonbox

Downloadsweekly downloads

6

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability