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 />
            <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