react-starter-template's Introduction

React JS Template App

This is a starter template for building your first React application. Based on a Gulp and Webpack build system. If you look at the gulpfile, it implements some nifty features:

Uses gulpfile.js to trampoline to gulpfile.coffee, for you coffee drinkers out there.
gulp dev implements an http server and a live reload server.
gulp --production shows how to use command line flags to switch to building minified versions.
Uses the awesome Webpack project to combine all the javascript files into one.

Up and Running

First, clone the repo...

git clone [email protected]:johnthethird/react-starter-template.git

Then install the npm and bower modules

$ npm install
$ bin/bower install

start server

$ bin/gulp dev

then go to http://localhost:4000/index.html

If you have the Chrome LiveReload extension installed, then your browser will automatically reload when any file in /src changes.

react-starter-template's People

Contributors

Stargazers

Watchers

react-starter-template's Issues

If you can see this, something is broken (or JS is not enabled)..

when i hit url 4000/index.html i am getting this msg would you pls help what to do with this

separate html code from js into jsx files

this wil remove ugly js injection in nice coffee scripts

gulp dev produce error: unexpected token ILLEGAL

Thanks for putting this together.

BTW running gulp dev produce this output:

$ gulp dev
[gulp] gulp version mismatch:
[gulp] Running gulp is 3.5.0
[gulp] Local gulp (installed in gulpfile dir) is 3.3.4
[gulp] Using file /home/mlusetti/workspaces/ReactJS/react-starter-template/gulpfile.js
[gulp] Working directory changed to /home/mlusetti/workspaces/ReactJS/react-starter-template

/home/mlusetti/workspaces/ReactJS/react-starter-template/gulpfile.coffee:13
#
^
SyntaxError: Unexpected token ILLEGAL
  at Module._compile (module.js:439:25)
  at Object.Module._extensions..js (module.js:474:10)
  at Module.load (module.js:356:32)
  at Function.Module._load (module.js:312:12)
  at Module.require (module.js:364:17)
  at require (module.js:380:17)
  at Object.<anonymous> (/home/mlusetti/workspaces/ReactJS/react-starter-template/gulpfile.js:3:1)
  at Module._compile (module.js:456:26)
  at Object.Module._extensions..js (module.js:474:10)
  at Module.load (module.js:356:32)
  at Function.Module._load (module.js:312:12)
  at Module.require (module.js:364:17)
  at require (module.js:380:17)
  at loadGulpFile (/usr/lib/node_modules/gulp/bin/gulp.js:125:21)
  at Object.<anonymous> (/usr/lib/node_modules/gulp/bin/gulp.js:80:1)
  at Module._compile (module.js:456:26)
  at Object.Module._extensions..js (module.js:474:10)
  at Module.load (module.js:356:32)
  at Function.Module._load (module.js:312:12)
  at Function.Module.runMain (module.js:497:10)
  at startup (node.js:119:16)
  at node.js:902:3

Recommend Projects