The Complete React on Rails 5 Course

Instructor: Hrishi Mittal
1469121606390 react on rails

Enroll now

Learn how to use React.js with Ruby on Rails applications in this comprehensive video course.

                Max Rose-Collins     
      Co-founder and Ruby Engineer at RankTracker   
        "The course is very comprehensive and Hrishi is excellent at explaining everything in great detail. It starts with a simple Rails app which you migrate into React components, which gives you a great understanding of how much better a React approach is. I came into the course feeling overwhelmed by the React ecosystem, but I'm now feeling confident in my ability to move RankTracker's Rails views into React components."          

 You know Rails well. You've been using it for a while, at your job and for your own projects. You've got comfortable using jQuery on the frontend, and come to know its gotchas. Maybe you've dabbled in Backbone or looked at Angular. 

Recently, you came across React. Everyone's talking about it. Every other job post on Hacker News mentions it. So you decide to up your frontend game and learn it.

Maybe you've picked up the basics from some docs, blog posts and Youtube videos. It seems cool. But you're not sure if it's worth using it with Rails just yet.

It's all too confusing and intimidating. You thought React is just a frontend library, and you could just drop it in like jQuery. But then what's all this stuff about Babel, Webpack, ES6, Redux and five different gems for integrating with Rails.

You have more questions than answers now.

Which gem should I use for integrating React in a Rails app?
Can I still use the asset pipeline?
Do I need to use Browserify or Webpack?
Do I need to make an API to use React?

It's too confusing, so you give up.

"jQuery works fine anyway", you think to yourself.

But you know you need to keep up with the times.

You might be able to get by without React for a few more months, but you know the next client or the next employer will want you to use it.

You won't be able to get that job or expand your freelance business unless you add React to your toolbelt.

You must get good at using React to make sure you get better work and earn more.

Fortunately, there’s a way to address this: by exploring how to use React with Rails using different methods and in different situations, starting from very simple single-form apps to more complex apps with multiple routes and APIs.

The Complete React on Rails Course

How? With this premium video course that teaches you everything you need to know about using React with Rails. It’s called The Complete React on Rails Course. 

 It’ll teach you how you can incorporate React into your Rails apps, starting from a very simple single page app to gradually more complex examples. You'll learn all about the different ways you can use React with Rails and at the end of the course, be able to choose the best option for your needs.

Here's an example of a calendar appointments app you'll learn to build as part of this course

And a fitness dashboard app you'll learn to build as part of this course:

It’s not enough to simply learn React. You need to be able to make React work well with a backend system - in your case, a Rails app. This video course will help you learn all the nitty-gritty details so you can confidently upgrade your Rails frontend with the latest hotness in JavaScript land.

  Who uses React?      



Why is learning React important for a Rails developer?

  • Web UIs have matured a lot over the last decade. We're doing more complex things to build better user experiences on the web. jQuery has served well but even a medium-sized project can now quickly turn into the Flying Spaghetti Monster. React offers a simple yet powerful alternative to spaghetti code.

  • Even if React itself is replaced by something else, the concept of reactive UI - UI as functional components is here to stay. So it'll help you a great deal to learn to use it.

  • In many ways React is to the modern frontend, what Rails is to the backend - there are many alternatives, but React has the best combination of simplicity, power and popularity to make it a great choice.

  • There's a huge and growing market demand for React developers. Many companies are moving their frontend away from plain Rails templates and jQuery over to React, so learning React would give you a unique advantage over others vying for the same jobs.

  • Once you learn to use React with Rails, you can also use React Native to build mobile apps for the same API. This way, your investment in learning React gives you the chance to easily build cross-platform apps.

Here's what two developers have to say about this course:

                Ajdin Imsirovic     
      Senior Web Developer, Co-founder at BISINFO   
        "The course is wonderful, it's put together very well and helps both with understanding the theoretical concepts as well as their practical implementation. I've learned a lot from it and would recommend it to anyone, both seasoned developers and people who are just starting out."          

              Y'Eli Buonya     
      US army veteran and recently trained web developer   
                "Before stumbling upon Hrishi's Complete React on Rails course, I had been browsing for numerous articles, and youtube videos on how to learn React. My approach was to learn how to use the React library itself, and then eventually figure out how to implement it into a Rails project.                I decided to pick this course because it is project based. It encompassed everything from implementation, testing, to deployment using Heroku. Hrishi does an excellent job at conveying the principles used in React. Each lesson gave me great confidence with each new concept that was introduced; there was an explanation of what we were doing and why it is done this way. If you want to learn how to use React with Rails, this course is a must. One of the best tutorials since taking Michael Hartl's Rails Tutorial.        The best part of this course so far has been incrementally building the application, and then deploying it. One of the biggest concepts I've learned is how to build a component based application. For a beginner, it makes development less daunting, and easier to grasp, but overall it makes application development so much simpler. This course is helping to build my own personal website using React and Rails, and ultimately getting a job as a developer."          

What You'll Get With This Course

✓ Over 5 hours of structured video lessons

✓ Full text transcripts of all video lessons

✓ Full access to well-structured Git repositories of project code on Github

✓ Access to discussion forum for getting help from the teacher and other students

✓ Bonus Example apps with full source code and explanation

The React on Rails course takes a hands-on approach to teach you how to confidently start using React in your Rails projects. It includes video lessons and text explanations of all the important aspects of using React with Rails (see the course modules list below). 

 As you follow along the course, you will build real applications as projects to make sure you thoroughly understand everything. You will get full access to the project code. You'll also get direct access to the teacher and the community of students for asking any questions and getting all the help you need.

Course Lessons

  • 1. Introduction to React

    1.1. Quick Introduction to key React concepts

  • 2. Getting started with React in Rails

    2.1. Installation and setup of Rails 5 app with react-rails gem

  • 3. Your first Rails app with React

    3.1. Calendar appointments app with jQuery and Haml

    3.2. React props and nested components

    3.3. React State - Handling user form input

    3.4. React State - Handling form submission

    3.5. Using a third-party JavaScript library - Moment.js

    3.6. Using a third-party React component - react-datetime

    3.7. Styling with CSS in React

    3.8. Deploying a react-rails app to Heroku

  • 4. ECMAScript 6 (ES6)

    4.1. Introduction to ES6 using the react-rails component generator

    4.2. ES6 classes in React

    4.3. ES6 Arrow functions in React

    4.4. Stateless Functional Components in React

    4.5. How to use React with the webpacker gem and Rails 5.1

  • 5. Using React with Webpack in Rails

    5.1. Introduction and setup of Webpack with react_on_rails gem

    5.2. Migrating the Calendar appointments app to react_on_rails

    5.3. Server-side rendering

    5.4. Deploying to Heroku

    5.5. Hot Module Replacement

  • 6. Forms in depth

    6.1. Basic form validation

    6.2. Client-side form validation in React

    6.3. Code refactor and corrections

    6.4. Multiple field validations on client side

    6.5. Refactor client side validations

    6.6. Client side validation errors

    6.7. Generalised form validations

    6.8. Typechecking With PropTypes

    6.9. Refs

  • 7. React Router v4

    7.1. Introduction to React Router v4

    7.2. Viewing a record on its own route

    7.3. Navigating between routes

    7.4. Keeping data fresh with componentDidMount

    7.5. Editing a record - Part 1

    7.6. Editing a record - Part 2

    7.7. Deleting a record

    7.8. Recap

  • 8. User authentication with Devise

    8.1. Using Devise with React

  • 9. Using React with a Rails API

    9.1. Setting up a Rails API app and Create React App

    9.2. Porting React components from react_on_rails to React

    9.3. API User authentication with devise_token_auth

    9.4. Displaying session data and signing out

  • 10. Testing React

    10.1. Testing with Jest

    10.2. Testing with Enzyme

    10.3. Snapshot testing

    10.4. Testing forms

  • 11. Styling and animations

    11.1. Using Bootstrap with React

    11.2. CSS Animations and Transitions

  • 12. Flux and Redux

    12.1. Introduction to Flux

    12.2. Introduction to Redux

    12.3. Using Redux with react_on_rails

  • 13. BONUS Example Apps

    13.1. Fitness dashboard Part 1

    13.2. Fitness dashboard part 2

    13.3. Fitness dashboard part 3

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

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

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

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

Enroll now

About the instructor

1567012206070 hrishi b%26w 200

Hrishi Mittal

Hrishi Mittal is the founder of Learnetto.

He has more than a decade of experience building software using a number of different technologies. He has worked for organisations ranging from tiny startups to large governmental departments. He is also the author of the R Graphs Cookbook.