\n\n> **WARNING**: This library is deprecated. It will receive maintenance updates but it is no longer in active development. I am working on a successor library as of now to replace. \n\n[](https://badge.fury.io/js/treble-gsm) \n\n\n\n## Treble Global State Management\n\nTreble is a Hook-based global state management container and library for React.js apps. It is inspired by a [blog post](https://medium.com/simply/state-management-with-react-hooks-and-context-api-at-10-lines-of-code-baf6be8302c) by [Luke Hall](https://medium.com/@luke.hall). Treble's goal is to provide a simple way to manage global state in your React app by providing an easy setup, little boilerplate, and a straight forward API.\n\n### Getting Started\n\nInstall Treble\n\n```\nnpm install treble-gsm\n```\nor\n```\nyarn add treble-gsm\n```\n\n#### Create Treble Store\nCreate a `Store.js` file in your app. Example below.\n\n```javascript\nimport { createStore } from 'treble-gsm';\n\nconst Store = createStore([\n {\n action: 'updatePokemon',\n state: { pokemon: 'Mewtwo' }\n },\n {\n action: 'updatePokemonGame',\n state: { pokemonGame: 'Pokemon Red' }\n }\n],/* optional parameters */);\n\nexport default Store;\n```\n\n\n#### Treble Container Component\n\nImport the `Treble` container component and `Store.js` into your App.js or index.js and wrap it around the components you wish to have access to your store. Pass the `Store` into the `Treble` `store` prop. Your app now has global state management!\n\n```javascript\nimport React from 'react';\nimport Treble from 'treble-gsm';\nimport Store from './_store';\n\nconst App = () => {\n return (\n