react-express-template

by khaled

Full stack web app starter template using React, ES6, CoffeeScript, Express, and more

127 Stars 26 Forks Last release: Not found MIT License 71 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

react-express-template

Full stack web app starter template with React 15, React Router, ES6 (via Babel), CoffeeScript, Express/Node.js, Semantic-UI, Gulp and more.

Deploy

Getting Started

  1. Fork and/or clone
  2. Run
    npm install
  3. Start the dev server by running
    $(npm bin)/gulp
  4. Visit http://localhost:3000
  5. Get to work!

Languages / Frameworks / Libraries

  • Facebook's React for client side view and controller logic
  • React Router for client side routing
  • ES6 (via Babel)
  • CoffeeScript with React sugar (.cjsx)
  • Normalize-CSS for normalization of default element styles across browsers
  • Semantic-UI CSS framework
  • LESS for extended styling capabilities
  • Autoprefixer for automatic vendor prefixing
  • JQuery because semantic wants it (use React for most client side view rendering / manipulation)
  • Webpack for client side CommonJS modules and script concatenation
  • Express for server side logic
  • Gulp for building and change monitoring
  • LiveReload

Development Notes

  • Client side scripts are concatenated using Webpack. The main entry point is client.cjsx. From here you can require() other .cjsx, .coffee, .jsx, or .js files.
  • ES6 is supported in JS and JSX files; these are transpiled to ES5 via Babel. There's an example of this in
    src/header.jsx
    .
  • The main stylesheet entry point is styles.less.
  • The server entry point is server.coffee.

LiveReload

Install a live reload plugin for your browser (e.g. RemoteLiveReload for Chrome) to instantly see your changes in the browser when a client side file (cjsx/coffee/jsx/js/less/css/html) changes.

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.