react-state-provider
Version:
A simple util that provides a easy way to share state accross react component.
28 lines (18 loc) • 881 B
Markdown
# react-state-provider
A simple util for sharing state accross your react component without using react's context.
Intstall using npm
`npm install react-state-provider --save`
## For Usage see the example below
## When to use:
lets say you have react dom tree like this
`<Component-A>
<Component-B />
<Component-C />
<Component-D>
<Component-E />
</Component-D>
</Component-A>`
Now "Component-B" have a button that set a name, you want to display that name in "Component-E".
One way to solve it by having shared state in Component-A and pass a callback method to Component-B. Then Component-B will call the callback with name that set a updated value of name in Component-A's state;
But this will be tough when we have deep nesting component that want to share a state with some other component via props.
To solve this in a easy way you can use this util.