Use ES6 module syntax in React components

kriasoft · Feb 27, 2015 · 999dbac · 999dbac
1 parent 2fef889
commit 999dbac
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 19 deletions.
diff --git a/src/components/App/App.js b/src/components/App/App.js
@@ -19,7 +19,7 @@ import Navbar from '../Navbar';
 import ContentPage from '../ContentPage';
 import NotFoundPage from '../NotFoundPage';
 
-var Application = React.createClass({
+export default React.createClass({
 
   mixins: [NavigationMixin],
 
@@ -72,5 +72,3 @@ var Application = React.createClass({
   }
 
 });
-
-module.exports = Application;
diff --git a/src/components/ContentPage/ContentPage.js b/src/components/ContentPage/ContentPage.js
@@ -10,7 +10,7 @@
 
 import React from 'react';
 
-var ContentPage = React.createClass({
+export default React.createClass({
 
   propTypes: {
     body: React.PropTypes.string.isRequired
@@ -26,5 +26,3 @@ var ContentPage = React.createClass({
   }
 
 });
-
-module.exports = ContentPage;
diff --git a/src/components/HomePage/HomePage.js b/src/components/HomePage/HomePage.js
@@ -10,7 +10,7 @@
 
 import React from 'react';
 
-var HomePage = React.createClass({
+export default React.createClass({
 
   propTypes: {
     body: React.PropTypes.string.isRequired
@@ -24,5 +24,3 @@ var HomePage = React.createClass({
   }
 
 });
-
-module.exports = HomePage;
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
@@ -10,7 +10,7 @@
 
 import React from 'react';
 
-var Navbar = React.createClass({
+export default React.createClass({
 
   render() {
     return (
@@ -28,5 +28,3 @@ var Navbar = React.createClass({
   }
 
 });
-
-module.exports = Navbar;
diff --git a/src/components/NotFoundPage/NotFoundPage.js b/src/components/NotFoundPage/NotFoundPage.js
@@ -12,7 +12,7 @@
 
 import React from 'react';
 
-var NotFoundPage = React.createClass({
+export default React.createClass({
 
   render() {
     return (
@@ -26,5 +26,3 @@ var NotFoundPage = React.createClass({
   }
 
 });
-
-module.exports = NotFoundPage;
diff --git a/src/components/TextBox/TextBox.js b/src/components/TextBox/TextBox.js
@@ -12,7 +12,7 @@ import './TextBox.less';
 
 import React from 'react';
 
-var TextBox = React.createClass({
+export default React.createClass({
 
   propTypes: {
     maxLines: React.PropTypes.number
@@ -37,6 +37,3 @@ var TextBox = React.createClass({
   }
 
 });
-
-module.exports = TextBox;
-