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. Multiple field validations on client side
4.4. Client side validation errors
4.5. Generalised form validations
4.6. Typechecking With PropTypes
4.7. Controlled vs Uncontrolled Components - What are Refs?
4.8. Image attachments
5. React Router
5.1. Introduction to React Router
5.2. Viewing a record on its own route
5.3. Navigating between routes
5.4. Keeping data fresh
5.5. Editing a record
5.6. Deleting a record
6. Using React with a Rails API
6.1. Setting up a Rails API app and Create React App
6.2. API User authentication with devise_token_auth
6.3. Session management
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 ->