The official React bindings for nedux. Performant and flexible.
npm install react-nedux --save
Name | Source | Codesandbox |
---|---|---|
β Todo List | here | here |
π Counter | here | here |
// ES6
import { createStoreHook } from 'react-nedux';
// ES5
var createStoreHook = require('react-nedux').createStoreHook;
Creates a Nedux hook with the same usage of useState.
argument | required | type | description |
---|---|---|---|
store |
β | Store | The store created by createStore. |
The useStore
hook created by createStoreHook
can be used as same as useState.
Feel free to test it here.
import * as React from 'react';
import { render } from 'react-dom';
import { createStore } from 'nedux';
import { createStoreHook } from 'react-nedux';
const store = createStore({
counter: 0,
});
const useStore = createStoreHook(store);
const increment = () => store.set('counter', prev => prev + 1);
const decrement = () => store.set('counter', prev => prev - 1);
const App = () => {
const [counter] = useStore('counter');
return (
<span>
<p>you've clicked {counter} times</p>
<button onClick={increment}>+</button>
<button onClick={decrement}>-</button>
</span>
);
};
const rootElement = document.getElementById('root');
render(<App />, rootElement);
All Pull Requests, Issues and Discussions are welcomed !