rekeep

Simple state management using react context and hooks

Demo app using rekeep

https://tuxrace.github.io/react-rekeep-app/#/

Install

npm install --save rekeep

Usage

1. Wrap Provider to your app and set an initialStore.

import React from 'react'
import { Provider } from 'rekeep'

const App = () => {
   const initialStore = {
      'NAME': 'Jim'
   };

  render() {
    return <Provider store={store}> <MyApp> </Provider>
  }
}

2. To get store data and update function import useRekeep hook.

import React from 'react'
import { useRekeep } from 'rekeep'

const Name = () => {
   const { store, update } = useRekeep();
   const name = store['NAME'];

   render() {
      return <div>
         <p> My name is {name}</p>
         <button onClick={() => update('NAME', 'Alfred')}> Update name to Alfred</button>
      </div>
   }
}

Store

Store is where you put your global state, its an object that has a key and a value. If you want to get a value of a key from the store e.g 'NAME'

   const { store } = useRekeep();
   const name = store['NAME'];

   console.log(name);

Update

Update is a function to change the value of a specifies store key. if you want to change a value in the store e.g. 'NAME'

   const { store } = useRekeep();

   update('NAME', 'Alfred');

License

MIT © tuxrace