Merge pull request reduxjs#240 from voter101/master

Improve code in examples

Author: gaearon

examples/counter/components/Counter.js

@@ -1,6 +1,6 @@
-import React, { PropTypes } from 'react';
+import React, { Component, PropTypes } from 'react';
 
-export default class Counter {
+export default class Counter extends Component {
   static propTypes = {
     increment: PropTypes.func.isRequired,
     incrementIfOdd: PropTypes.func.isRequired,

examples/counter/containers/App.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { Component } from 'react';
 import CounterApp from './CounterApp';
 import { createRedux } from 'redux';
 import { Provider } from 'redux/react';
 import * as stores from '../stores';
 
 const redux = createRedux(stores);
 
-export default class App {
+export default class App extends Component {
   render() {
     return (
       <Provider redux={redux}>

examples/counter/containers/CounterApp.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'redux/react';
 import Counter from '../components/Counter';
@@ -7,7 +7,7 @@ import * as CounterActions from '../actions/CounterActions';
 @connect(state => ({
   counter: state.counter
 }))
-export default class CounterApp {
+export default class CounterApp extends Component {
   render() {
     const { counter, dispatch } = this.props;
     return (

examples/todomvc/components/Footer.js

@@ -1,4 +1,4 @@
-import React, { PropTypes } from 'react';
+import React, { PropTypes, Component } from 'react';
 import classnames from 'classnames';
 import { SHOW_ALL, SHOW_MARKED, SHOW_UNMARKED } from '../constants/TodoFilters';
 
@@ -8,7 +8,7 @@ const FILTER_TITLES = {
   [SHOW_MARKED]: 'Completed'
 };
 
-export default class Footer {
+export default class Footer extends Component {
   static propTypes = {
     markedCount: PropTypes.number.isRequired,
     unmarkedCount: PropTypes.number.isRequired,

examples/todomvc/components/Header.js

@@ -1,7 +1,7 @@
-import React, { PropTypes } from 'react';
+import React, { PropTypes, Component } from 'react';
 import TodoTextInput from './TodoTextInput';
 
-export default class Header {
+export default class Header extends Component {
   static propTypes = {
     addTodo: PropTypes.func.isRequired
   };

examples/todomvc/containers/App.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { Component } from 'react';
 import TodoApp from './TodoApp';
 import { createRedux } from 'redux';
 import { Provider } from 'redux/react';
 import * as stores from '../stores';
 
 const redux = createRedux(stores);
 
-export default class App {
+export default class App extends Component {
   render() {
     return (
       <Provider redux={redux}>

examples/todomvc/containers/TodoApp.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { Connector } from 'redux/react';
 import Header from '../components/Header';
 import MainSection from '../components/MainSection';
 import * as TodoActions from '../actions/TodoActions';
 
-export default class TodoApp {
+export default class TodoApp extends Component {
   render() {
     return (
       <Connector select={state => ({ todos: state.todos })}>