Revert D5465182: creatClass codemod

Differential Revision: D5465182

fbshipit-source-id: a15de76f50294123323e211f8e11106b90fff911

Author: fred2028

website/core/AlgoliaDocSearch.js

@@ -12,14 +12,14 @@
 
 var React = require('React');
 
-class AlgoliaDocSearch extends React.Component {
-  render() {
+var AlgoliaDocSearch = React.createClass({
+  render: function() {
     return (
       <div className="algolia-search-wrapper">
         <input id="algolia-doc-search" tabIndex="0" type="text" placeholder="Search docs..." />
       </div>
     );
   }
-}
+});
 
 module.exports = AlgoliaDocSearch;

website/core/BlogPost.js

@@ -17,8 +17,8 @@ var BlogPostHeader = require('BlogPostHeader');
 var BlogPostFooter = require('BlogPostFooter');
 var ExcerptLink = require('ExcerptLink');
 
-class BlogPost extends React.Component {
-  render() {
+var BlogPost = React.createClass({
+  render: function() {
     var post = this.props.post;
 
     return (
@@ -31,6 +31,6 @@ class BlogPost extends React.Component {
       </article>
     );
   }
-}
+});
 
 module.exports = BlogPost;

website/core/BlogPostDate.js

@@ -13,8 +13,8 @@
 
 var React = require('React');
 
-class BlogPostDate extends React.Component {
-  render() {
+var BlogPostDate = React.createClass({
+  render: function() {
     var post = this.props.post;
 
     var match = post.publishedAt.match(/([0-9]+)-([0-9]+)-([0-9]+)/);
@@ -32,6 +32,6 @@ class BlogPostDate extends React.Component {
       <time className="date" datetime={post.publishedAt}>{postedOnDate}</time>
     );
   }
-}
+});
 
 module.exports = BlogPostDate;

website/core/BlogPostExcerpt.js

@@ -16,8 +16,8 @@ var BlogPostHeader = require('BlogPostHeader');
 var Marked = require('Marked');
 var ExcerptLink = require('ExcerptLink');
 
-class BlogPostExcerpt extends React.Component {
-  render() {
+var BlogPostExcerpt = React.createClass({
+  render: function() {
     var post = this.props.post;
     return (
       <article className="entry-excerpt">
@@ -33,6 +33,6 @@ class BlogPostExcerpt extends React.Component {
       </article>
     );
   }
-}
+});
 
 module.exports = BlogPostExcerpt;

website/core/BlogPostFooter.js

@@ -14,8 +14,8 @@
 var React = require('React');
 var BlogPostDate = require('BlogPostDate');
 
-class BlogPostFooter extends React.Component {
-  render() {
+var BlogPostFooter = React.createClass({
+  render: function() {
     var post = this.props.post;
 
     var authorImage = this.props.post.authorImage ? this.props.post.authorImage : '/react-native/img/author.png';
@@ -58,6 +58,6 @@ class BlogPostFooter extends React.Component {
       </div>
     );
   }
-}
+});
 
 module.exports = BlogPostFooter;

website/core/BlogPostHeader.js

@@ -14,8 +14,8 @@
 var React = require('React');
 var BlogPostDate = require('BlogPostDate');
 
-class BlogPostHeader extends React.Component {
-  render() {
+var BlogPostHeader = React.createClass({
+  render: function() {
     var post = this.props.post;
 
     var hero;
@@ -54,6 +54,6 @@ class BlogPostHeader extends React.Component {
       </header>
     );
   }
-}
+});
 
 module.exports = BlogPostHeader;

website/core/DocsSidebar.js

@@ -13,15 +13,8 @@
 var Metadata = require('Metadata');
 var React = require('React');
 
-class DocsSidebar extends React.Component {
-  constructor(props, context) {
-    super(props, context);
-
-    this.getCategories = this.getCategories.bind(this);
-    this.getLink = this.getLink.bind(this);
-  }
-
-  getCategories() {
+var DocsSidebar = React.createClass({
+  getCategories: function() {
     var metadatas = Metadata.files.filter(function(metadata) {
       return metadata.layout === 'docs' || metadata.layout === 'autodocs';
     });
@@ -74,13 +67,13 @@ class DocsSidebar extends React.Component {
     categories.push(currentCategory);
 
     return categories;
-  }
+  },
 
-  getLink(metadata) {
+  getLink: function(metadata) {
     return metadata.permalink;
-  }
+  },
 
-  render() {
+  render: function() {
     return <div className="nav-docs">
       <div className="nav-docs-viewport">
         {this.getCategories().map((category) =>
@@ -104,6 +97,6 @@ class DocsSidebar extends React.Component {
       </div>
     </div>;
   }
-}
+});
 
 module.exports = DocsSidebar;

website/core/EjectBanner.js

@@ -12,8 +12,8 @@
 
 var React = require('React');
 
-class EjectBanner extends React.Component {
-  render() {
+var EjectBanner = React.createClass({
+  render: function() {
     return (
       <div className="banner-crna-ejected">
         <h3>Project with Native Code Required</h3>
@@ -25,6 +25,6 @@ class EjectBanner extends React.Component {
       </div>
     );
   }
-}
+});
 
 module.exports = EjectBanner;

website/core/ExcerptLink.js

@@ -13,8 +13,8 @@
 
 var React = require('React');
 
-class ExcerptLink extends React.Component {
-  render() {
+var ExcerptLink = React.createClass({
+  render: function() {
     var cta = "Read more";
 
     if (this.props.category === "videos") {
@@ -29,6 +29,6 @@ class ExcerptLink extends React.Component {
       </footer>
     );
   }
-}
+});
 
 module.exports = ExcerptLink;

website/core/Footer.js

@@ -16,14 +16,14 @@ function getGitHubPath(path) {
   return 'https://github.com/facebook/react-native/blob/master/' + path;
 }
 
-class Footer extends React.Component {
-  render() {
+var Footer = React.createClass({
+  render: function() {
     return (
       <p className="edit-page-block">
         You can <a target="_blank" href={getGitHubPath(this.props.path)}>edit the content above on GitHub</a> and send us a pull request!
       </p>
     );
   }
-}
+});
 
 module.exports = Footer;