backset

Minimalist state tool for React apps.

Usage no npm install needed!

<script type="module">
  import backset from 'https://cdn.skypack.dev/backset';
</script>

README

Backset

An easy to use React state management tool.

  • Very few APIs.
  • Based on React Hooks and Context.
  • Tracking and eliminate unnecessary re-renders.
  • No redundant template code.
  • Nothing to learn.

Quick start

  1. Run yarn add backset or yarn i backset install it.
  2. Create a store and use it:
import { create } from 'backset'
const { useStores, useUpdates, withContext } = create({ title: 'Hello World' })

const Child = () => {
  const updates = useUpdates()
  return <button onClick={() => updates.title('Hello Backset')}>Edit</button>
}

const App = () => {
  const { title } = useStores()
  return <div>{title} <Child /></div>
}

export default withContext(App)

Edit this example on codesandbox.

Documentation

LICENSE

MIT