My name is {name}, and I am {age}!
80 | ); 81 | 82 | export default withGlobal( 83 | (global, props) => ({ 84 | age: global.people[props.person].age, 85 | name: global.people[props.person].name 86 | }) 87 | )(Me); 88 | ``` 89 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Charles Stover 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /default.d.ts: -------------------------------------------------------------------------------- 1 | import DispatchFunction from './types/dispatch-function'; 2 | import Dispatchers from './types/dispatchers'; 3 | 4 | type DispatcherMap = DispatchFunction16 | ReactN is a global state management solution for{' '} 17 | ReactJS. 18 |
19 |20 | ReactN adheres to the following design philosophy, 21 |
22 |26 | What if global state management were built into React itself? 27 |28 |
7 | Use addCallback to execute a function whenever the state
8 | changes. The return value of the callback will update the global state,
9 | so be sure to only return undefined or{' '}
10 | null if you do not want the global state to change. Be
11 | aware that always returning a new state value will result in an
12 | infinite loop, as the new global state will trigger the very same
13 | callback.
14 |
The only parameter is the callback function.
16 | EXAMPLE1 17 |
18 | The return value of addCallback is a function that, when
19 | executed, removes the callback.
20 |
Use addReducer to add a reducer to your global state.
8 | The first parameter is the name of your reducer. You will access your
9 | reducer by this name: this.global.reducerName or
10 | useGlobalReducer('reducerName').
11 |
13 | The second parameter is the reducer function. The reducer function that 14 | you write has two parameters: first, the global state; second, the 15 | value passed to the reducer. The reducer function that you use has one 16 | parameter: the value to pass to the reducer. 17 |
18 | EXAMPLE1 19 |
20 | For a class component, the analogous method is{' '}
21 | this.global.increment(value).
22 |