Latest FREE tutorials

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

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 Tutorial

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

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.


View Tutorial

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

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.


View Tutorial

How to animate a component using React Transition Group

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 Tutorial

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

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 Tutorial

Fitness dashboard part 3

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.


View Tutorial

Fitness dashboard part 2

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.


View Tutorial

Fitness dashboard Part 1

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.


View Tutorial

Using Redux with react_on_rails

01 May 2017

C70469fdfa10a0e7e51913b4ddface46788b1d8b
Video tutorial

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.


View Tutorial

Introduction to Redux

01 May 2017

Fc7990d3b69842d527487d44de28dcfd76a69ea9
Video tutorial

In this tutorial we look at Redux, one of the most popular libraries built on the Flux pattern.


View Tutorial

Introduction to Flux

01 May 2017

7f7661ea791e06b6492c86ea87061445cfbf34bb
Video tutorial

In this tutorial we look at the concepts behind the Flux pattern for building user interfaces.


View Tutorial

CSS Animations and Transitions

01 May 2017

4999435aba1d5a3067c3d2b027e712ab83e03cbb
Video tutorial

In this lesson we’ll look at how to do simple CSS transitions in React.


View Tutorial

Using Bootstrap with React

01 May 2017

92af227318a7a54647da810b1445911b32e9084f
Video tutorial

In this tutorial we look at how to use Bootstrap with React


View Tutorial

Testing forms

01 May 2017

1bd4fafd849102f32117013e8bdbe8073d4435f3
Video tutorial

Snapshot testing

01 May 2017

1f189312073f32e3d0ae549a68e19c1463278ba0
Video tutorial

Testing with Enzyme

01 May 2017

86ccfac946e4767c3192bcfd5b64335ea4c848d3
Video tutorial

Testing with Jest

01 May 2017

254c8c6d92484b12c24a2bd77f34cf1426673d83
Video tutorial

Using Devise with React

01 May 2017

B008d57daf5fc9a7822d5403d50b8540d443f91c
Video tutorial

Recap

01 May 2017

05f499c7f91dd4007866ca5e7eceefa544c40e4d
Video tutorial

Deleting a record

01 May 2017

23e8eac5bff589004720f6a3dfaaed322fe85917
Video tutorial

Editing a record - Part 2

01 May 2017

58d2232b75794782ac763753d8577755bc8e3a88
Video tutorial

Editing a record - Part 1

01 May 2017

C77e6b08857f56144f4919832791751f07506782
Video tutorial

Navigating between routes

01 May 2017

960086e08d7e2836c1069ae3b4c4a63551c273c2
Video tutorial

Introduction to React Router v4

01 May 2017

F6242baeb7da69765d24d85306720ee5e3ab0d5f
Video tutorial

Refs

30 Apr 2017

C9fd824f28945bdc0f9883a2d2e4bf317d5699b3
Video tutorial

Typechecking With PropTypes

30 Apr 2017

47060d24ffe212343585cf52aef6182910c14e94
Video tutorial

Generalised form validations

30 Apr 2017

E340b859457d1d3a43d40e33184b9875de81f52b
Video tutorial

Client side validation errors

28 Feb 2017

6f578dfd0695745e8bbbbda2ce19bec6f3ce7e41
Video tutorial

Refactor client side validations

28 Feb 2017

4f778c8f0c5a96cc93bab4bedcfbbfad12fbc2be
Video tutorial

Code refactor and corrections

22 Jan 2017

2ef963edd18c1d2d0934c2721bbe326f9e3ebfbd
Video tutorial

Basic form validation

22 Jan 2017

9d1288f50049a5f2fa74c6562983f54474c5c670
Video tutorial

Hot Module Replacement

22 Jan 2017

31832e566449f57970da74fee820c944028dc338
Video tutorial

Deploying to Heroku

22 Jan 2017

E6fff83705faa1c1ab62c132c09902076cbe47ca
Video tutorial

Server-side rendering

22 Jan 2017

Ec7c75996ce7a53a48a0a573e0b5c0852e62b72f
Video tutorial

ES6 Arrow functions in React

22 Jan 2017

F7c8d4cdc50c06992191e8655cee1dd7384b7638
Video tutorial

ES6 classes in React

22 Jan 2017

6b462c9854fd6f93b2fe96c36cba9b876e8d17be
Video tutorial

Styling with CSS in React

16 Jan 2017

B0c840d1c9d96d047aca7794fde954d5d7c3ba44
Video tutorial