trailpack-treefrog

[![Treefrog][treefrog-image]][treefrog-url]

[![NPM version][npm-image]][npm-url]
[![Build status][ci-image]][ci-url]
[![Dependency Status][daviddm-image]][daviddm-url]
[![Code Climate][codeclimate-image]][codeclimate-url]

Structured frontends in Angular2, React, or whatever for Trailsjs Apps.

The beauty of Javascript is the ability to build isomorphic apps.
Treefrog is focused on that concept.

Looking for the Style Library? Checkout

Looking for the generator? Checkout .

##Isomorphic Apps
For a great explanation of what an Isomorphic app is,
check out .

Why Isopmorphic apps? If your app has a frontend, then you can save time by reusing code.
On top of that, Search Engine Optimzation and Mobile Optimzation aren't going away and
Isomorphic apps benefit from the speed boost of having an app fully rendered on demand.

Status

> ##### Stability: 1 - Experimental

Install

``sh
// Install the Trailpack with NPM
$ npm install --save trailpack-treefrog

// OR Install the Trailpack with Yoeman
$ yo trails:trailpack trailpack-treefrog

//Install the Generator
$ npm install generator-treefrog -g

//Setup the frontend
$ yo treefrog
`

Configure


Running yo treefrog will prompt you to configure your app like a normal Trails App with some added sugar.
It will add trailpack-treefrog to your config/main.js,
exports.treefrog = require('./treefrog') to your config/index.js,
and create/configure config/treefrog.js.
The Generator will also use your configuration to build an archetype and install your packages automatically.

`js
// The result of running yo treefrog
// config/main.js
module.exports = {
packs: [
// ... other trailpacks
require('trailpack-treefrog')
],

paths: {
// ... other paths

}
}
``

This process allows yo to run the generator subsequently with your saved preferences.

[treefrog-image]: http://i.imgur.com/1IiVqTo.png
[treefrog-url]: http://treefrog.io
[npm-image]: https://img.shields.io/npm/v/treefrog.svg?style=flat-square
[npm-url]: https://npmjs.org/package/trailpack-treefrog
[ci-image]: https://img.shields.io/travis/CaliStyle/trailpack-treefrog/master.svg?style=flat-square
[ci-url]: https://travis-ci.org/CaliStyle/trailpack-treefrog
[daviddm-image]: http://img.shields.io/david/CaliStyle/trailpack-treefrog.svg?style=flat-square
[daviddm-url]: https://david-dm.org/CaliStyle/trailpack-treefrog
[codeclimate-image]: https://img.shields.io/codeclimate/github/CaliStyle/trailpack-treefrog.svg?style=flat-square
[codeclimate-url]: https://codeclimate.com/github/CaliStyle/trailpack-treefrog