The Complete React on Rails Course

Taught by Hrishi Mittal


1469121606390 react on rails

Become a PRO at building Rails apps with React.js


See Course details

Latest Tutorials

How to build an online store using React and Rails - Part 2
PRO

18 Sep 2017

1469121606390 react on rails
Video tutorial

In part 2 of this tutorial, we make our online store's React components functional so that we can add (and remove) items to the cart and checkout using the Stripe Orders API.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

How to build an online store using React and Rails - Part 1
PRO

17 Sep 2017

936104f1508c2537e2032bb30b66f943e658c3ad
Video tutorial

Learn to build an online store with cart functionality using Rails 5.1, React.js, Stripe Orders API and Stripe Checkout.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

The 11-minute guide to building and launching an online store with Rails, Stripe Checkout and Heroku
FREE

10 Sep 2017

7dd315acbfedbbc5eebe836e85e21eed061e6b38
Video tutorial

Learn to build and launch a real online store in this 11-minute video tutorial. We will build a simple store which accepts payments through Stripe checkout.js and deploy it to Heroku.


View Free Tutorial

How to build a chat app with Rails 5.1 ActionCable and React.js Part 2
PRO

04 Sep 2017

D9a90607affc261f74950120b56239eb952cc708
Video tutorial

In part 2 of the ActionCable and React tutorial, we’ll rebuild the frontend of a Rails 5.1 chat app using React components.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

How to build a chat app with Rails 5.1 ActionCable and React.js Part 1
PRO

03 Sep 2017

8dfec18cdd4f1bbe775c3cd1723c5118ee545c92
Video tutorial

In the first part of this 2-part tutorial, learn how to build a chat app with Rails 5.1 and ActionCable. We'll use devise and Github omniauth for user authentication.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

How to animate a component using React Transition Group
FREE

19 Aug 2017

Bbd4dd323fc72640b3890510d5dd3d3c8f433a18
Video tutorial

In this hands-on video tutorial, you'll learn how to animate a React component using the React Transition Group library. This tutorial builds upon a previous tutorial on How to make an Idea board app using a Rails 5 API and React.js.

You'll also get access to the complete code.


View Free Tutorial

Rails 5 API and React.js tutorial - How to make an Idea board app
FREE

18 Aug 2017

9cdf6be54639873e597aeca9c6694390e23193a6
Video tutorial

Build an Idea board app with a Rails 5.1 API app and a separate frontend React app built using Create React App. The tutorial covers stateless functional components, class-based components, use of axios for making API calls, immutability-helper and more.


View Free Tutorial

Fitness dashboard part 3
PRO

11 Aug 2017

4b1990d1eb546a33b9a6557f7fb6c7a4881ca139
Video tutorial

In Part 3 of the Fitness dashboard series based on the Fitbit API, we add some time series bar charts using the Recharts component library and a friends leaderboard.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

Fitness dashboard part 2
PRO

10 Aug 2017

Baa3ab999f8356d90f0c8853f7239148be14d70b
Video tutorial

In part 2, we display lifetime statistics and achievement badges from the Fitbit API. We use axios for fetching data and make use of class-based and stateless functional components.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

Fitness dashboard Part 1
PRO

06 Aug 2017

2c701963c2705540cb7c0a92a99b0403866ae61a
Video tutorial

Learn to build a fitness dashboard app with the Fitbit API using a Rails 5.1 app with inbuilt React support. Connect to the Fitbit API, pull in user data and display it in a dashboard showing statistics and charts built with React components.


Subscribe & view tutorial

Also available in:
The Complete React on Rails 5 Course

See the complete list of tutorials

Get new tutorials every week

Join our mailing list to be first in line when new free and premium tutorials are published

For people looking to level up their tech skills

Anchor

Whether you're looking for your first job in tech, trying to move upmarket in your freelance career or itching to build your own product, Learnetto gives you a simple and straightforward way to learn the skills you need.

How Learnetto can help you

Booklet

Learn using the highest quality content in the format that best suits you - text, video or audio. Get access to lots of great courses all in one place at affordable prices.

We care about your success and are not interested in just selling you a course. Once you enrol in a course, we help you stay focused through to completion.

You can get help from course instructors and your peers through active student forums and keep track of your own progress and goals easily.

Start learning today

Join our mailing list to be first in line when new free and premium tutorials are published