🌤

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

reactrailschakrauiwebdev
Loading...
 

2

 

Published on

August 16, 2020

Goal

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

React

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

React+Rails

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