Today, we will be building a todo app to showcase how to use React with Rails 6. This tutorial will be as in-depth as possible and will focus on performing CRUD operations. Our Todo app will support seeing a list of your todo, creating a today, making a todo as done, and deleting a todo. We will be leveraging react to build a reactive app and use material UI for the design.

Prerequisites

Rails 6Nodejs - version 8.16.0 and abovePostgreSQL - version 12.2Yarn - version 1.21.1

Step 1 - Creating the Rails app

Let’s start off by creating the rails app and specifying postgres as our database.

$ rails new todo-app -d=postgresql

#ruby-on-rails #ruby #rails-6 #react #web-development