├── .eslintignore
├── example
└── src
│ ├── .gitignore
│ ├── example.js
│ ├── index.html
│ └── example.less
├── .travis.yml
├── .editorconfig
├── src
├── Three.js
├── ContextExample.js
├── One.js
└── Two.js
├── .gitignore
├── .eslintrc
├── gulpfile.js
├── LICENSE
├── test
├── ContextExample.js
├── Three.js
├── Two.js
└── One.js
├── package.json
├── dist
├── react-context-example.min.js
└── react-context-example.js
├── README.md
└── lib
└── ContextExample.js
/.eslintignore:
--------------------------------------------------------------------------------
1 | .publish/*
2 | dist/*
3 | example/dist/*
4 | lib/*
5 | node_modules/*
6 |
--------------------------------------------------------------------------------
/example/src/.gitignore:
--------------------------------------------------------------------------------
1 | ## This file is here to ensure it is included in the gh-pages branch,
2 | ## when `gulp deploy` is used to push updates to the demo site.
3 |
4 | # Dependency directory
5 | node_modules
6 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | before_install:
3 | - "npm install npm -g"
4 | node_js:
5 | - "0.10"
6 | - "0.12"
7 | - "iojs"
8 | env:
9 | - TEST_SUITE=lint
10 | - TEST_SUITE=unit
11 | script: "npm run-script $TEST_SUITE"
12 |
--------------------------------------------------------------------------------
/example/src/example.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ContextExample = require('react-context-example');
3 |
4 | var App = React.createClass({
5 | render () {
6 | return (
7 |
8 |
9 |
10 | );
11 | }
12 | });
13 |
14 | React.render(, document.getElementById('app'));
15 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # This file is for unifying the coding style for different editors and IDEs
2 | # editorconfig.org
3 | root = true
4 |
5 | [*]
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = false
9 | insert_final_newline = true
10 | indent_style = tab
11 |
12 | [*.json]
13 | indent_style = space
14 | indent_size = 2
15 |
--------------------------------------------------------------------------------
/src/Three.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | var Three = React.createClass({
4 | contextTypes: {
5 | a: React.PropTypes.string,
6 | b: React.PropTypes.string
7 | },
8 | render() {
9 | return (
10 |
11 | Three
12 | ({this.context.a}, {this.context.b})
13 |
14 | );
15 | }
16 | });
17 |
18 | export default Three;
19 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Coverage tools
11 | lib-cov
12 | coverage
13 | coverage.html
14 | .cover*
15 |
16 | # Dependency directory
17 | node_modules
18 |
19 | # Example build directory
20 | .publish
21 | example/dist
22 |
23 | # Editor and other tmp files
24 | *.swp
25 | *.un~
26 | *.iml
27 | *.ipr
28 | *.iws
29 | *.sublime-*
30 | .idea/
31 | *.DS_Store
32 |
--------------------------------------------------------------------------------
/src/ContextExample.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var One = require('./One');
3 |
4 | var ContextExample = React.createClass({
5 | propTypes: {
6 | a: React.PropTypes.string
7 | },
8 | childContextTypes: {
9 | a: React.PropTypes.string
10 | },
11 | getChildContext() {
12 | return {
13 | a: this.props.a
14 | }
15 | },
16 | render() {
17 | return (
18 |
19 | Context
20 |
21 |
22 | );
23 | }
24 |
25 | });
26 |
27 | export default ContextExample;
28 |
--------------------------------------------------------------------------------
/src/One.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var Two = require('./Two');
3 |
4 | var One = React.createClass({
5 | propTypes: {
6 | b: React.PropTypes.string
7 | },
8 | contextTypes: {
9 | a: React.PropTypes.string
10 | },
11 | childContextTypes: {
12 | b: React.PropTypes.string
13 | },
14 | getChildContext() {
15 | return {
16 | b: this.props.b
17 | }
18 | },
19 | render() {
20 | return (
21 |
22 | One
23 | ({this.context.a})
24 |
25 |
26 | );
27 | }
28 | });
29 |
30 | export default One;
31 |
--------------------------------------------------------------------------------
/src/Two.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var Three = require('./Three');
3 |
4 | var Two = React.createClass({
5 | contextTypes: {
6 | a: React.PropTypes.string,
7 | b: React.PropTypes.string
8 | },
9 | childContextTypes: {
10 | a: React.PropTypes.string
11 | },
12 | getChildContext() {
13 | return {
14 | a: this.props.a || this.context.a
15 | }
16 | },
17 | render() {
18 | return (
19 |
20 | Two
21 | ({this.context.a}, {this.context.b})
22 |
23 |
24 | );
25 | }
26 | });
27 |
28 | export default Two;
29 |
--------------------------------------------------------------------------------
/example/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Context Example
4 |
5 |
6 |
7 |
8 |
Context Example
9 |
10 |
11 |
12 |
13 |
14 |
15 |
18 |