Add setStore proxy

[aralroca]

Fixes #77
CC: @yathink3 @danielart

TODO:

• Update docs
• Add TypeScript types of setStore
• Reduce Teaful to less than 1kb

[github-actions]

Size Change: +74 B (+2%)

Total Size: 3.56 kB

Filename	Size	Change
dist/index.js	842 B	+16 B (+2%)
dist/index.m.js	857 B	+19 B (+2%)
dist/index.modern.js	945 B	+16 B (+2%)
dist/index.umd.js	913 B	+23 B (+3%)

_{compressed-size-action}

[aralroca]

Example of usage:

const initialStore = { count: 0, name: 'Aral' }
const { setStore } = createStore(initialStore);

const resetStore = () => setStore(initialStore);
const resetCount = () => setStore.count(initialStore.count);
const resetName = () => setStore.name(initialStore.name);

// Component without any re-render (without useStore hook)
function Resets() {
  return (
    <>
      <button onClick={resetStore}>
        Reset store
      </button>
      <button onClick={resetCount}>
        Reset count
      </button>
      <button onClick={resetName}>
        Reset name
      </button>
    </>
  );
}

Another example:

const { useStore, setStore } = createStore({
  firstName: '',
  lastName: '' 
});

function ExampleOfForm() {
  const [formFields] = useStore()

  return Object.entries(formFields).map(([key, value]) => (
    <input 
      defaultValue={value} 
      type="text"
      key={key}
      onChange={e => {
        // Update depending the key attribute
        setStore[key](e.target.value)
      }} 
    />
  ))
}