├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── package.json
├── src
└── index.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["env"],
3 | "plugins": ["transform-object-rest-spread", "transform-react-jsx"]
4 | }
5 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | /node_modules/
2 | /lib/
3 | yarn-error.log
4 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 baptistelambert
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 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
react-combine-contexts
3 |
Use multiple React Contexts without pain.
4 |
5 |
6 | ## Installation
7 |
8 | This package is compatible with react 16.3.0 and higher.
9 |
10 | With npm:
11 |
12 | `npm install react-combine-contexts`
13 |
14 | Or with yarn:
15 |
16 | `yarn add react-combine-contexts`
17 |
18 | ## Usage
19 |
20 | ```js
21 | // src/index.js
22 | import React, { Fragment } from 'react';
23 | import ReactDOM from 'react-dom';
24 |
25 | import { combineContexts } from 'react-combine-contexts';
26 |
27 | import * as LocaleContext from './LocaleContext';
28 | import * as ThemeContext from './ThemeContext';
29 |
30 | // This will return an object that contains a Provider and a Consumer
31 | const CombinedContext = combineContexts({
32 | locale: LocaleContext, // Associate each Context to a key
33 | theme: ThemeContext,
34 | });
35 |
36 | const App = () => (
37 |
38 | {/* Use the Context Provider like you would use it with any other Context */}
39 |
40 |
41 | {/* Use multiple contexts with a single Consumer */}
42 |
43 | {({ locale, theme }) => (
44 |
45 | Selected locale is {locale.selectedLocale}
46 |
47 |
48 |
49 |
50 |
51 | )}
52 |
53 | {/* It is still possible to use a scoped Consumer */}
54 |
55 | {theme =>