Skip to content

React Redux CRUD App example with Axios to consume Rest API - React Router & Bootstrap.

Notifications You must be signed in to change notification settings

rod773/react-redux-axios-crud

 
 

Repository files navigation

React Redux CRUD App example with Axios and Rest API

Build a React Redux CRUD Application to consume Web API using Axios, display and modify data with Router & Bootstrap.

React Redux Tutorial Application in that:

  • Each Tutorial has id, title, description, published status.
  • We can create, retrieve, update, delete Tutorials.
  • There is a Search bar for finding Tutorials by title.

react-redux-crud-example-web-api-demo

For instruction, please visit:

React Redux CRUD App example with Rest API

Related Posts:

React (without Redux) CRUD example to consume Web API

React (Hooks) CRUD example to consume Web API

React Table example: CRUD App with react-table v7

Using Material UI instead of Bootstrap:

React Material UI examples with a CRUD Application

More Practice:

React Pagination example

React File Upload example

React JWT Authentication & Authorization example

React + Redux: JWT Authentication & Authorization example

Fullstack with Node.js Express:

React.js + Node.js Express + MySQL

React.js + Node.js Express + PostgreSQL

React.js + Node.js Express + MongoDB

Fullstack with Spring Boot:

React.js + Spring Boot + MySQL

React.js + Spring Boot + PostgreSQL

React.js + Spring Boot + MongoDB

Fullstack with Django:

React.js + Django Rest Framework

Serverless:

React Firebase CRUD App with Realtime Database

React Firestore CRUD App example | Firebase Cloud Firestore

Integration (run back-end & front-end on same server/port)

How to integrate React.js with Spring Boot

Integrate React with Node.js Express on same Server/Port

This project was bootstrapped with Create React App.

Set port

.env

PORT=8081

Project setup

In the project directory, you can run:

npm install
# or
yarn install

or

Compiles and hot-reloads for development

npm start
# or
yarn start

Open http://localhost:8081 to view it in the browser.

The page will reload if you make edits.

About

React Redux CRUD App example with Axios to consume Rest API - React Router & Bootstrap.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.4%
  • HTML 8.1%
  • CSS 2.5%