Hyperloop and Rails tutorials

HelloWorld Tutorial

This simple tutorial will teach you the basic of using each Hyperloop architecture brick, each one introduced step by step, within a Ruby On Rails environment.

Skills covered: Components, Stores, Isomorphic models and ActiveRecord API, Operations, Opal syntax, Hyperloop Gem

Todo MVC Tutorial

In this tutorial we will implement the classic Todo MVC application. This will allow us to add, edit, and delete tasks that will be displayed. And all that in less than 100 lines of code !

Skills covered: Hyperloop Gem, Components, Router, Isomorphic models and ActiveRecord API

Chat-App Tutorial

With this tutorial we'll be building a simple but realistic chat application, a basic version of a chat room offered by a service like gitter.im. It will teach how to play with Components, Stores and Operations in a Ruby On Rails application. And you will see how the Push notifications functionnality is easy to use with Hyperloop.

Skills covered: Components, Stores, Operations, Hyperloop Gem, Opal syntax, Push notifications

Devise Tutorial

Devise tutorial

Skills covered: Hyperloop Gem

Events planner Tutorial (Work in progress)

In this tutorial we will implement a concrete example of an Events planner application: add, edit, delete events into an events database. And above all we will learn and see in action the amazing Isomorphic models and ActiveRecord API functionnality.

Skills covered: Hyperloop Gem, Components, Isomorphic models and ActiveRecord API, Push notifications, Webpacker GEM, Yarn, Webpack

Five letters game Tutorial (Work in progress)

In this tutorial we will implement a simple game where 2 users can play synchroniously together. It will mostly showcasing the power of Operations and Push notifications

Skills covered: Hyperloop Gem, Components, Push notifications

Hyperloop and Cloud9 setup

This simple tutorial will teach you how to setup quickly an Hyperloop workspace in Cloud9. Get an Hyperloop basic app running in Cloud9 in 7 minutes.

Skills covered: Hyperloop Gem, Cloud9

NPM and Webpack Tutorial

In an Isomorphic Ruby world, we need a good way of including Ruby and JavaScript components so they co-exist and play nicely together. This tutorial will show you how to setup and use NPM and Webpack with Hyperloop.

Skills covered: Hyperloop Gem, NPM, Webpack

Webpacker GEM Tutorial

If you want to set up a Webpack environment co-existing with your Rails application, you can do it as well by installing the Webpacker GEM. In this tutorial you learn how to install it and set up it with Hyperloop.

Skills covered: Hyperloop Gem, Webpacker GEM, Yarn, Webpack

Opal Hot Reloader Tutorial

Opal Hot Reloader is for pure programmer joy (not having to reload the page to compile your source) and the Opal Console is incredibly useful to test how Ruby code compiles to JavaScript.

We are also going to add the Foreman gem to run our Rails server and the Hot Reloader service for us.

Skills covered: Opal Hot Reloader GEM, Foreman GEM

Production mode

In this tutorial we are going to lear how to configure one hyperloop app in order to run it in production mode.

Skills covered: Hyperloop Gem