Disciple 0.0.8
Starter web app template.
Installation
This is not meant to be installed into a project but downloaded directly into a new directory, and started from there.
Usage
Once this has been downloaded, navigate to the path in your terminal and npm install
, then npm start
. It will load a local server broadcast on your current IP port 8080
.
Configurations can be changed within the file config.coffee
.
Technology
These tools, together, provide a fundamental basis for building modern web apps:
It is recommended to read up on each of these
Brunch builds the project and runs a local server.
brunch-signature
creates a signature file (public/app.signature
) that can be used for cachebustinggzip-brunch
creates a.gz
version of all files within thepublic
folderterser-brunch
compresses all JavaScript filespugjs-brunch
lets developers use.pug
template files
Riot allows a developer to compose reusable modular systems that can interoperate nicely.
riot-parents
provides{ this.parents(x) }
syntax for accessing parent variablesriot-route
provides<Router><Route path='/'>...</Route></Router>
tags
PostCSS lets us handle complex meta functions for stylesheets. Multiple have been installed and added to the config file for various reasons.
perfectionist
pretty-prints stylesheetscssnano
compresses stylesheetspixrem
provides apx
fallback forrem
valuesrucksack-css
provides additional classes and functionsprecss
provides a bunch of sass-like utilities such as $variables and & nestingimmutable-css
provides warnings when we overwrite base styles, can invoke an errorpostcss-insert
provides the@insert
syntax to inject classes into arbitrary selectorspostcss-import
lets us@import
other files and dependenciespostcss-hocus
provides the:hocus
and:pocus
pseudoelements for us to usepostcss-uncss
(withuncss
) removes all unused
Tachyons provides utility classes to our CSS. This is imported into the main app.css
file and can be replaced.