Make React work

Author: Goran Mekić

app/js/components/Locations.jsx

@@ -3,7 +3,10 @@ var React = require('react');
 var Locations = React.createClass({
     render() {
         return (
-            <h1>Uspelo</h1>
+          <div className="locations">
+            <h1>Success</h1>
+            My first react app
+          </div>
         );
     }
 });

gulpfile.js

@@ -4,10 +4,8 @@ global.gulp = require('gulp');
 var webserver = require('gulp-webserver');
 var browserify = require('gulp-browserify');
 var sass = require('gulp-sass');
-var useref = require('gulp-useref');
 var rename = require('gulp-rename');
-var reactify = require('gulp-reactify');
-var source = require('vinyl-source-stream');
+var reactify = require('reactify');
 
 global.flariorPaths = {
   app : path.resolve('./app/'),
@@ -38,6 +36,12 @@ gulp.task('sass', function compileInuit(){
 });
 
 gulp.task('compileJs', function(){
+  gulp.src(flariorPaths.jsxEntry)
+    .pipe(browserify({
+      transform: [reactify]
+    }))
+    .pipe(rename('app.js'))
+    .pipe(gulp.dest('./app/static/js'))
 });
 
 gulp.task('watch', function(){

package.json

@@ -31,10 +31,16 @@
     "inuit-starter-kit": "^0.2.9",
     "react": "^0.13.3",
     "react-tools": "^0.13.3",
+    "reactify": "^1.1.1",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0"
   },
   "devDependencies": {
     "gulp-useref": "^1.3.0"
+  },
+  "browserify": {
+    "transform": [
+      "reactify"
+    ]
   }
 }