Frontier

Frontier is a front-tier frontend libstack. No pun intended.

It's the amalgam of the following cutting-edge frontend technologies, all wired up in a clean, orderly manner:

• Babel: Cutting-edge ECMAScript
• React: Cutting-edge UI Renderer
• Webpack: Cutting-edge Frontend Modulizer
• ESLint: Cutting-edge ECMAScript Linter
• JavaScript Semi-Standard Style: Cutting-edge ECMAScript Style Enforcer

Simply clone the repo to jump-start your own project with everything in place!

Recommended Environment

The setup instructions below assume you're using the following tools for development:

• OS X
• Homebrew
• Atom

They're not requirements, and you can still use the libstack in your most comfortable environment with some slight modifications to the setup process.

Setup

Install Node Environment

# Replace [LATEST_VERSION] with the latest version number
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/[LATEST_VERSION]/install.sh | bash
$ nvm install node
$ nvm alias default node

Install/Update System Packages

$ brew install git yarn

Install Atom Packages

$ apm install editorconfig linter linter-js-standard

Set the style to Semi-Standard in linter-js-standard:

Init Your Project

# Replace [YOUR_PROJECT] with the name of your project
$ git clone --origin frontier --branch master --single-branch git@github.com:gsklee/frontier.git [YOUR_PROJECT]
$ cd [YOUR_PROJECT]
$ npm run init

Update

$ brew update
$ brew upgrade
$ brew cleanup

Blanks

File	Line:Column
package.json	2:12
	5:19
	8:13
source/index.html	6:12

Yarn

$ yarn config set init-author-name "G. Kay Lee"
$ yarn config set init-author-email "balancetraveller+github@gmail.com"