Create an app with react(context api) and ruby on rails by using chakraUI and Formik




Published on

August 16, 2020


The main goal of this app to understand how to create a react app on the basis of rails back-end api with the mixture of context-api(react) and chakraUI.

App Overview

It is a CRUD app. Front-end is totally generic. You can use this react front-end app with any back-end api e.g django or node. In the previous React+Rails(RR) app, I used different structure and I mentioned that difference in the end.

Live Demo: blogApp GitHub Repos: reactFrontend backendApi

This App will help you:

  • To configure and create a react app with rails back-end api.
  • To use context api.
  • To make async requests inside context api.

Built with

  • Ruby on Rails
  • Reactjs (context api, react hooks, react-router)
  • React-icons
  • ChakraUI
  • Formik

Previous apps


CRUD app in react without any back-end using chakraUI and context-api. homePage Live Demo: reactBlog GitHub repo: Github Post: Dev


CRUD app in react+rails with tailwindcss. In this app, front-end and back-end are handled inside a single project while in new one front-end and back-end are separate and in this way more easy to manage. homePage Live Demo: reactOnrails GitHub Repo: RailsReact Blog Post: Dev

React, comment and follow on