https://github.com/rendro/experimental-frontend-boilerplate
Experimental front end architecture: ES6, commonJS, Myth
https://github.com/rendro/experimental-frontend-boilerplate
Last synced: 3 months ago
JSON representation
Experimental front end architecture: ES6, commonJS, Myth
- Host: GitHub
- URL: https://github.com/rendro/experimental-frontend-boilerplate
- Owner: rendro
- License: mit
- Created: 2014-05-07T15:35:07.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-07-08T17:11:55.000Z (almost 12 years ago)
- Last Synced: 2024-12-31T19:43:56.621Z (over 1 year ago)
- Language: CoffeeScript
- Homepage:
- Size: 355 KB
- Stars: 4
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Experimental Front End Boilerplate
This is an experimental frontend boilerplate to play around with future technologies and specs that are drafts. Instead of slow polyfills the approach is to implement compilers and transpiles to transform the source files down to the current state of the art. In a perfect candyland like world at some near point in the future these middlewares can be removed and the browsers implement all the features. Because of this, take this kind advice: **Please do not use in production!!**
## The turbo powered steam engine
* [node.js](http://nodejs.org/) because JavaScript kicks ass!
* [Express 4](http://expressjs.com/) application
* Livereload server
* Super fast middlewares that recompile on file change and serve the compiled result out of memory to avoid slow IO
## Current middlewares
### JavaScript
* Use the commonJS module pattern in the browser with [browserify](http://browserify.org/)
* ES6 syntax with the [traceur-compiler](https://github.com/google/traceur-compiler): This adds about 1400 lines of polyfill code
* inline source maps for easy debugging
### LESS
* Well not a real future technology but it is nice anyways
* autoprefixer to get rid of vendor prefixes
* normalize.css via npm (or any other lib)
* inline source maps for easy debugging
### [Myth](http://www.myth.io/)
* Write future CSS with vars and crazy shit like that
* includes autoprefixer as well
## How to use?
First, you need to install all packages via npm:
```
$ npm install
```
Start the server:
```
$ npm start
```
Then visit [http://localhost:3000](http://localhost:3000)
If you want to run the server on a different port:
```
$ PORT=12345 npm start
```