Hands-on Video and Text Tutorials
We publish new tutorials every week on topics including React.js, Ruby on Rails, Redux, React Native and more.
Sign up for a free membership
Or
How to build an online store using React and Rails - Part 2
PRO
18 Sep 2017
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.
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
Learn to build an online store with cart functionality using Rails 5.1, React.js, Stripe Orders API and Stripe Checkout.
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
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.
How to build a chat app with Rails 5.1 ActionCable and React.js Part 2
PRO
04 Sep 2017
In part 2 of the ActionCable and React tutorial, we’ll rebuild the frontend of a Rails 5.1 chat app using React components.
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
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.
Also available in:
The Complete React on Rails 5 Course
How to animate a component using React Transition Group
FREE
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.
Rails 5 API and React.js tutorial - How to make an Idea board app
FREE
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.
Fitness dashboard part 3
PRO
11 Aug 2017
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.
Also available in:
The Complete React on Rails 5 Course
Fitness dashboard part 2
PRO
10 Aug 2017
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.
Also available in:
The Complete React on Rails 5 Course
Fitness dashboard Part 1
PRO
06 Aug 2017
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.
Also available in:
The Complete React on Rails 5 Course
How to use React with the webpacker gem and Rails 5.1
FREE
In this tutorial, we will see how to use React in a Rails app with native support through the webpacker gem and without using gems like react-rails or react_on_rails.
Also available in:
The Free React on Rails 5 course
Using Redux with react_on_rails
PRO
01 May 2017
In this lesson, we look at the example HelloWorld app that comes with the react_on_rails gem and see how Redux can be used in a simple React app.
Also available in:
The Complete React on Rails 5 Course
Introduction to Redux
PRO
01 May 2017
In this tutorial we look at Redux, one of the most popular libraries built on the Flux pattern.
Also available in:
The Complete React on Rails 5 Course
Introduction to Flux
PRO
01 May 2017
In this tutorial we look at the concepts behind the Flux pattern for building user interfaces.
Also available in:
The Complete React on Rails 5 Course
CSS Animations and Transitions
PRO
01 May 2017
In this lesson we’ll look at how to do simple CSS transitions in React.
Also available in:
The Complete React on Rails 5 Course
Using Bootstrap with React
PRO
01 May 2017
In this tutorial we look at how to use Bootstrap with React
Also available in:
The Complete React on Rails 5 Course
