Full stack web app starter template using React, ES6, CoffeeScript, Express, and more
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:
Readme
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.
Getting Started
- Fork and/or clone
- Run
npm install
- Start the dev server by running
$(npm bin)/gulp
- Visit http://localhost:3000
- 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