Learnetto
Discussions
Log in
Join Now
Lessons
Discussions
1. Introduction to the course
1.1. Welcome to the course
1.2. What you'll learn in this course
1.3. How to get help
2. Introduction to React
2.1. What is React?
2.2. Why do we need React?
2.3. What is a React Component?
2.4. What is JSX?
2.5. What are Props?
2.6. What is State?
3. Your first React Rails app
3.1. How to use React inside Ruby on Rails
3.2. Setting up the Eventlite app with webpacker
3.3. Eventlite app components structure
3.4. Listing Events
3.5. Adding a backend Event data model
3.6. Adding a React form component to create new records
3.7. Lifting state up
3.8. Deploying your React Rails app to Heroku
4. Forms in depth
4.1. Basic form validation
4.2. Client-side form validation in React
4.3. Generalised Form Validations - Part 1
4.4. Generalised form validations - Part 2
4.5. Typechecking With PropTypes
4.6. Controlled vs Uncontrolled Components - What are Refs?
5. Using React with a Rails API
5.1. Creating a Rails API
5.2. Using Create React App to build a standalone frontend app
5.3. API User authentication with devise_token_auth
5.4. Adding a Login form
5.5. Linking the User and Event models
5.6. Displaying session data and signing out
5.7. Adding a Signup form
5.8. Exercises for Rails API Authentication with React
6. React Router
6.1. Introduction to React Router
6.2. Viewing a record on its own route
6.3. Navigating between routes
6.4. Keeping data fresh
6.5. Editing a record
6.6. Deleting a record
7. Testing React
8. Styling
9. Server Side Rendering
10. React Hooks
11. Payments
The Complete React on Rails Course
<- Previous Lesson
Next Lesson ->
Adding a React form component to create new records
This tutorial is part of the
The Complete React on Rails Course
Enrol now to view this tutorial
<- Previous Lesson
Next Lesson ->