react-global-state-lib

Global state using Context & Hooks APIs

Table of Contents

• Install
• Usage
• Contribute
• License

Install

This project uses node and npm.

$ npm install react-global-state-lib
$ # OR
$ yarn add react-global-state-lib

Usage

import React, { Component } from 'react'
import initGlobalState from 'react-global-state-lib'
const {GlobalStateProvider, useGlobalState} = initGlobalState({
    count: 1, // initial state
})
function Counter() {
    const [global, setGlobalState] = useGlobalState()
    return <h1>{global.count}</h1>
}
function IncrementBtn() {
    const [global, setGlobalState] = useGlobalState()
    return (
        <button type="button" onClick={() => setGlobalState({count: global.count + 1})}>
            +
        </button>
    )
}
function App() {
    return (
        <GlobalStateProvider>
            <Counter ></Counter>
            <Counter ></Counter>
            <Counter ></Counter>
            <IncrementBtn ></IncrementBtn>
        </GlobalStateProvider>
    )
}
export default App

Contribute

1. Fork it and create your feature branch: git checkout -b my-new-feature
2. Commit your changes: git commit -am "Add some feature"
3. Push to the branch: git push origin my-new-feature
4. Submit a pull request

License

MIT © tiaanduplessis