Skip to content

Instantly share code, notes, and snippets.

@velopert

velopert/App.js Secret

Last active August 23, 2016 17:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save velopert/fef6edd2d0b1a89f594a5510c5448d43 to your computer and use it in GitHub Desktop.
Save velopert/fef6edd2d0b1a89f594a5510c5448d43 to your computer and use it in GitHub Desktop.
Download ZIP
Redux Counter Initial VIEW
Raw
App.js
/*
components/App.js
*/
import React from 'react';
import Counter from 'components/Counter';
import Controls from 'components/Controls';
class App extends React.Component {
render(){
return (
<div>
<Counter/>
<Controls/>
</div>
);
}
}
export default App;
Raw
Controls.js
/*
components/Controls.js
*/
import React from 'react';
export default class Controls extends React.Component {
render() {
return (
<div>
<input type="text"/>
<button>+</button>
<button>-</button>
<button>HIDE</button>
</div>
);
}
}
Raw
Counter.js
/*
components/Counter.js
*/
import React from 'react';
export default class Counter extends React.Component {
render() {
return (
<div>
<h1>{ this.props.value }</h1>
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment