Simple example of using pullstate

App.js

import React from 'react'
import { useStoreState } from "pullstate"
import { UIStore } from "./store"

function App() {
  const name = useStoreState(UIStore, s => s.name)

  const onChange = (event) => {
    const newVal = event.target.value
    UIStore.update(s => {
      s.name = newVal
    })
  }

  return (
    <div>
      <h2>App</h2>
      <p>Name is: { name }</p>
      <input type="text" onChange={onChange}></input>
    </div>
  )
}

export default App

store.js

import { Store } from "pullstate";

export const UIStore = new Store({
  name: ""
});