updates modules to use es6 class syntax

reactjs · shanebarringer · Sep 12, 2016 · Sep 12, 2016 · b3318e36ac3cf152f4c1ab7839b60e19d3547a78
commit b3318e36ac3cf152f4c1ab7839b60e19d3547a78
diff --git a/lessons/01-setting-up/modules/App.js b/lessons/01-setting-up/modules/App.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-export default React.createClass({
+export default class extends React.Component{
   render() {
     return <div>Hello, React Router!</div>
   }

diff --git a/lessons/02-rendering-a-route/modules/App.js b/lessons/02-rendering-a-route/modules/App.js
@@ -1,6 +1,6 @@
 import React from 'react'
 
-export default React.createClass({
+export default class App extends React.Component{
   render() {
     return <div>Hello, React Router!</div>
   }

diff --git a/lessons/03-navigating-with-link/modules/About.js b/lessons/03-navigating-with-link/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/03-navigating-with-link/modules/App.js b/lessons/03-navigating-with-link/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class App extends React.Component{
   render() {
     return <div>Hello, React Router!</div>
   }
-})
+}
diff --git a/lessons/03-navigating-with-link/modules/Repos.js b/lessons/03-navigating-with-link/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return <div>Repos</div>
   }
-})
+}
diff --git a/lessons/04-nested-routes/modules/About.js b/lessons/04-nested-routes/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/04-nested-routes/modules/App.js b/lessons/04-nested-routes/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -13,4 +13,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/04-nested-routes/modules/Repos.js b/lessons/04-nested-routes/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return <div>Repos</div>
   }
-})
+}
diff --git a/lessons/05-active-links/modules/About.js b/lessons/05-active-links/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/05-active-links/modules/App.js b/lessons/05-active-links/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/05-active-links/modules/Repos.js b/lessons/05-active-links/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return <div>Repos</div>
   }
-})
+}
diff --git a/lessons/06-params/modules/About.js b/lessons/06-params/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/06-params/modules/App.js b/lessons/06-params/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/06-params/modules/NavLink.js b/lessons/06-params/modules/NavLink.js
@@ -2,8 +2,8 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class NavLink extends React.Component {
   render() {
     return <Link {...this.props} activeClassName="active"/>
   }
-})
+}
diff --git a/lessons/06-params/modules/Repos.js b/lessons/06-params/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return <div>Repos</div>
   }
-})
+}
diff --git a/lessons/07-more-nesting/modules/About.js b/lessons/07-more-nesting/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends  React.Component{
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/07-more-nesting/modules/App.js b/lessons/07-more-nesting/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/07-more-nesting/modules/NavLink.js b/lessons/07-more-nesting/modules/NavLink.js
@@ -2,8 +2,8 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class NavLink extends React.Component{
   render() {
     return <Link {...this.props} activeClassName="active"/>
   }
-})
+}
diff --git a/lessons/07-more-nesting/modules/Repo.js b/lessons/07-more-nesting/modules/Repo.js
@@ -1,11 +1,11 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repo extends React.Component {
   render() {
     return (
       <div>
         <h2>{this.props.params.repoName}</h2>
       </div>
     )
   }
-})
+}
diff --git a/lessons/07-more-nesting/modules/Repos.js b/lessons/07-more-nesting/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return (
       <div>
@@ -13,4 +13,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/08-index-routes/modules/About.js b/lessons/08-index-routes/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/08-index-routes/modules/App.js b/lessons/08-index-routes/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/08-index-routes/modules/NavLink.js b/lessons/08-index-routes/modules/NavLink.js
@@ -2,8 +2,8 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class NavLink extends React.Component{
   render() {
     return <Link {...this.props} activeClassName="active"/>
   }
-})
+}
diff --git a/lessons/08-index-routes/modules/Repo.js b/lessons/08-index-routes/modules/Repo.js
@@ -1,11 +1,11 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repo extends React.Component {
   render() {
     return (
       <div>
         <h2>{this.props.params.repoName}</h2>
       </div>
     )
   }
-})
+}
diff --git a/lessons/08-index-routes/modules/Repos.js b/lessons/08-index-routes/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/09-index-links/modules/About.js b/lessons/09-index-links/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/09-index-links/modules/App.js b/lessons/09-index-links/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/09-index-links/modules/Home.js b/lessons/09-index-links/modules/Home.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Home extends React.Component {
   render() {
     return <div>Home</div>
   }
-})
+}
diff --git a/lessons/09-index-links/modules/NavLink.js b/lessons/09-index-links/modules/NavLink.js
@@ -2,8 +2,8 @@
 import React from 'react'
 import { Link } from 'react-router'
 
-export default React.createClass({
+export default class NavLink extends React.Component {
   render() {
     return <Link {...this.props} activeClassName="active"/>
   }
-})
+}
diff --git a/lessons/09-index-links/modules/Repo.js b/lessons/09-index-links/modules/Repo.js
@@ -1,11 +1,11 @@
 import React from 'react'
 
-export default React.createClass({
+export default class Repo extends React.Component {
   render() {
     return (
       <div>
         <h2>{this.props.params.repoName}</h2>
       </div>
     )
   }
-})
+}
diff --git a/lessons/09-index-links/modules/Repos.js b/lessons/09-index-links/modules/Repos.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class Repos extends React.Component {
   render() {
     return (
       <div>
@@ -14,4 +14,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}
diff --git a/lessons/10-clean-urls/modules/About.js b/lessons/10-clean-urls/modules/About.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default React.createClass({
+export default class About extends React.Component {
   render() {
     return <div>About</div>
   }
-})
+}
diff --git a/lessons/10-clean-urls/modules/App.js b/lessons/10-clean-urls/modules/App.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import NavLink from './NavLink'
 
-export default React.createClass({
+export default class App extends React.Component {
   render() {
     return (
       <div>
@@ -15,4 +15,4 @@ export default React.createClass({
       </div>
     )
   }
-})
+}