React wrapper to use jsonbox easily
Exports some hooks to manipulate data in jsonbox.io easier and get your backends up and running in minutes.
npm install --save react-jsonbox- 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
)- Use the hooks
import React, { useEffect, useState} from 'react'
import useJsonBox from 'react-jsonbox'
const Example = () => {
const { read } = useJsonBox()
const [values, setValues] = useState([])
const getData = async () => {
const { data } = await read()
setValues(data)
}
useEffect(() => {getData()}, [])
return (
<ul>
{values.map(value => (
<li>{value.name}</li>
))}
</ul>
)
}You can see an example with all the hooks available in the example folder.
MIT © SaraVieira