/calreact

React and Rails 5 calendar appointment app

Primary LanguageJavaScript

calreact

This is a simple calendar appointments app built as part of the The Free React on Rails Course on Learnetto.

It's a Ruby on Rails 5 app which uses React.js on the frontend.

Demo app - https://calreact.herokuapp.com/

The code for each lesson in the course is tagged by module and lesson number in this repo. For example, lesson 2 under Module 3 is tagged lesson-3.2.

Lessons list and links to code:

  1. Introduction to React

1.1. Quick Introduction to key React concepts

  1. Getting started with React in Rails

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

  1. 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

  1. 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