title: ReactJs CreateClass is not a function
body: <pre><code>var React = require('react');
  
  module.exports=React.createClass({
     render:function(){
     return(
          &lt;div&gt;
             &lt;h1&gt; the list  &lt;/h1&gt;
          &lt;/div&gt;   
     )}
  })
  </code></pre>
  
  <p>When I run the above code I get the following error :</p>
  
  <pre><code>app.js:4 Uncaught TypeError: React.createClass is not a function
  </code></pre>
  
  <p>Is this because of a version difference or a typo ?</p>
  
  <pre><code>package.json-I have included create-react-class as seen here but not in the bower.json file 
  
  
   {
      "dependencies": {
          "browser-sync": "^2.18.13",
          "browserify": "^14.4.0",
          "create-react-class": "^15.6.2",
          "ejs": "^2.5.7",
          "express": "^4.16.0",
          "gulp": "^3.9.1",
          "gulp-live-server": "0.0.31",
          "react": "^16.0.0",
          "reactify": "^1.1.1",
          "vinyl-source-stream": "^1.1.0"
        }
      }
  </code></pre>
  
  <p>gulpfile.js -Am I missing some dependency in this file </p>
  
  <pre><code>var gulp= require('gulp');
  var LiveServer= require('gulp-live-server');
  var browserSync=require('browser-sync');
  var browserify = require('browserify');
  var reactify= require('reactify');
  var source = require('vinyl-source-stream');
  
  gulp.task('live-server', function(){
  
      var server= new LiveServer('server/main.js');
      server.start();
  })
  
  gulp.task('bundle',function(){
    return browserify({
      entries:'app/main.jsx',
      debug:true,
    })
    .transform(reactify)
    .bundle()
    .pipe(source('app.js'))
    .pipe(gulp.dest('./.tmp'))
  
  })
  
  
  gulp.task('serve',['bundle','live-server'],function(){
      browserSync.init(null,{
          proxy: "http://localhost:7777",
          port:9001
      })
  })
  </code></pre>
  
  <p>And my main.jsx has the following</p>
  
  <pre><code> var React = require('react');
  var createReactClass = require('create-react-class');
  
  var GroceryItemList=require('./components/GroceryItemsList.jsx');
  
  React.render(&lt;GroceryItemList/&gt;,app);
  </code></pre>
  
  <p>the groceryitems.jsx has the following </p>
  
  <pre><code>var React = require('react');
  var createReactClass = require('create-react-class');
  module.exports=React.createReactClass({
  
          render:function(){
              return(
                  &lt;div&gt;
                      &lt;h1&gt; Grocery Listify &lt;/h1&gt;
                  &lt;/div&gt;
  
              )
  
          }
  })    
  </code></pre>
  
  <p>When I add the createReactClass I get an error: createReactClass is not a function and when I add import and ES6 syntax I get 'illegal import deceleration '
  Thank you,</p>
  
  <p>Naveen</p>