GitHub - tlunter/simple_app: This is a very simple example of a website that uses the Aviator front-end router, and ReactJS view system.

1 min read Original article ↗

Simple App

This is a very simple example of a website that uses the Aviator front-end router, and ReactJS view system.

Demo

Tools

  1. NPM - gets all of the build tools
  2. grunt - compiles all vendored and local assets for use by the website
  3. bower - pulls down assets (Aviator, React, ...)
  4. bundler - pulls down Ruby plugins (gems)
  5. rack - Ruby webserver

How to get started

Things to install

  1. Ruby - Recommended install through rbenv and rbenv install (rbenv and ruby-build for rbenv)
  2. Node - Recommended install through package manager (pacman, brew, apt-get, yum)

Building environment

  1. Installing grunt and bower

    sudo npm install -g grunt-cli bower

  2. Installing bundler

  3. Installing Ruby gems

  4. Installing node modules

  5. Getting assets

  6. Compiling assets

  7. Enabling rackup (only needed if using rbenv once)

Running application

In this directory, run:

Now: visit http://localhost:9292/

Continuing development

If you want to rebuild the JS/JSX files, run grunt again. To do this automatically while writing and saving files, run grunt watch.

If you add new gems to your Gemfile, run bundle install again to include them.

Adding routes is as simple as extending the list in config.ru.