Books & Videos

Hands-on with React and Ruby on Rails

Design and Build a Web Application from Setup to Deployment

By Jonathan Lebensold

Publisher: Infinite Skills

Release Date: November 2015

Duration: 5 hours 48 minutes

Watch on Safari with a 10-day trial

Start your free trial now

Where's the cart? All videos are now exclusively on Safari. Questions? See our FAQ or contact customer service:

1-800-889-8969 / 707-827-7019
support@oreilly.com

Download Example Code

In this Hands-on with React and Ruby on Rails training course, expert author Jonathan Lebensold will teach you how to build a web application from setup to deployment with React and Ruby on Rails. This course is designed for users that already have experience with web development and scripting languages.

You will start by learning about the Flux application pattern, including how to integrate Flux into React components, introduce ES6 with Ruby on Rails, and mitigate Flux JavaScript to Flux ES6. From there, Jonathan will teach you how to finalize the Flux architecture. This video tutorial also covers complex UI interactions in Flux and configuring NodeJS and Rails. Finally, you will learn about automated testing, including how to use code coverage, write model specs, and test Flux with RSpec.

Once you have completed this computer based training course, you will be capable of designing and building your own web applications with React and Ruby on Rails. Working files are included, allowing you to follow along with the author throughout the lessons.

Chapter: Getting Started With Rails And React

Architectural Overview

10m 49s

Scaffolding The Ruby On Rails Application

08m 15s

Setting Up The Model Layer

07m 42s

Defining Our Views

09m 55s

Defining Rails Routes

02m 46s

Our First React Component

07m 9s

Preparing JSon Data For React

06m 40s

Rendering Ruby Models In React

05m 57s

How To Access Your Working Files

01m 15s

Chapter: Introduction To The Flux Application Pattern

Architectural Overview Of Flux

06m 49s

A Simple Flux Store - Part 1

05m 10s

A Simple Flux Store - Part 2

08m 9s

Integrating Flux Into React Components

08m 59s

Introducing ES6 With Ruby On Rails

03m 59s

Migrating Flux Javascript To Flux ES6

08m 47s

ES6 Module Loading - Part 1

08m 8s

ES6 Module Loading - Part 2

10m 31s

Chapter: Finalizing The Flux Architecture

Introducing Reacts Notion Of Context

05m 9s

Migrating React Components To ES6

07m 47s

Making React Components Context-Aware

04m 10s

React Forms With Flux

10m 15s

Leveraging Action Creators With Context

05m 27s

Reading Server Data

05m 31s

Sending Server Data

12m 47s

Working With Promises

03m 47s

Chapter: Complex UI Interactions In Flux

Nesting Components

05m 50s

Component Trees

05m 58s

Improving Component Styles

09m 7s

Incorporating Bi-Directional Data Flow

05m 29s

Reviewing Concepts By Example - Implementing Ranking

09m 44s

Reviewing Concepts By Example - Implementing Ordering

09m 54s

Chapter: Real-Time

Real-Time Overview

04m 32s

Implementing Long Polling

04m 32s

Chapter: Isomorphic Flux - Configuring NodeJS

Refactoring For Isomorphic Code

05m 57s

Setting Up Webpack With Rails

07m 43s

Overview Of Node Dependencies

07m 59s

Moving Sprockets Code To Webpack

05m 59s

Bridging Rails And Webpack - Part 1

06m 25s

Bridging Rails And Webpack - Part 2

11m 0s

Chapter: Isomorphic Flux - Configuring Rails

Architectural Review

01m 13s

Bundling Processes With Foreman

02m 19s

Writing A Component Rendering Server

03m 46s

Finishing The Isomorphic Spike

07m 5s

Adding Support For Isomorphic And Non-Isomorphic Rails Configurations

02m 13s

Chapter: Automated Testing

Setting Up Rspec

04m 14s

Using Code Coverage