Awesome
calreact
This is a simple calendar appointments app built as part of the The Complete React on Rails Course on Learnetto.
It's a Ruby on Rails 5 app which uses React.js on the frontend.
You can start learning how to use React with Rails for free with The Free React on Rails Course, which includes the first four modules of the complete course.
Demo app - https://calreact.herokuapp.com/
Lessons list and links to code:
Module 2 Getting started with React in Rails
Lesson 1 - Installation and setup of Rails 5 app with react-rails gem
Module 3 Your first Rails app with React
Lesson 1 - Calendar appointments app with jQuery and Haml
Lesson 2 - React props and nested components
Lesson 3 - React State - Handling user form input
Lesson 4 - React State - Handling form submission
Lesson 5 - Using a third-party JavaScript library - Moment.js
Lesson 6 - Using a third-party React component - react-datetime
Lesson 7 - Styling with CSS in React
Lesson 8 - Deploying a react-rails app to Heroku
Module 4 ECMAScript 6 (ES6)
Lesson 1 - Introduction to ES6 using the react-rails component generator
Lesson 2 - ES6 classes in React
Lesson 3 - ES6 Arrow functions in React
Lesson 4 - Stateless Functional Components in React
Lesson 5 - How to use React with the webpacker gem and Rails 5.1
Module 5 - Using React with the react_on_rails gem
Lessons 1 and 2 - Introduction and Migrating the Calendar appointments app to react_on_rails
Lesson 5 - Hot Module Replacement
Module 6 - Forms in depth
Lesson 1 - Basic form validation
Lesson 2 - Client-side form validation in React
Lesson 3 - Code refactor and corrections
Lessons 4 to 7 - Generalised client side validations
Lesson 8 - Typechecking with Proptypes
Module 7 - React Router
Lessons 1 to 8 - React Router v4
Module 8 - User authentication with Devise
Lesson 1 - Using Devise with React
Module 9 Using React with a Rails API
Backend:
Lessons 1 and 2 - Setting up a Rails API app
Lesson 3 - API User authentication with devise_token_auth
Frontend:
Lessons 1 and 2 - Setting up Create React App and porting components from Rails
Lesson 3 - API User authentication with devise_token_auth
Lesson 4 - Displaying session data and signing out
Module 10 Testing React (Frontend)
Lesson 2 - Testing with Enzyme