React CRUD Operations with Axios

person icon Nishant Kumar

3.9 ★★★ ★ ★

Buy Now

React CRUD Operations with Axios

Name: React CRUD Operations with Axios
Rating: 3.9 (270 reviews)
Author: Nishant Kumar

You will be learning how to manage CRUD Operations with React and Axios.

updated on icon Updated on May, 2024

language icon Language - English

person icon Nishant Kumar

English [CC]

category icon Development,Web Development,React

Lectures -25

Duration -35 mins

3.9 ★★★ ★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Hey, I am Nishant and I am an enthusiastic developer with a knack for building products with good UI and UX. I teach Front-end Development to beginners, and some other things too.

I build projects to learn how code works.

And while I am not coding, I enjoy writing poetry and stories, and cooking delicious meals.

In this course, we cover all the steps from creating an app in the React all the way through to build an app that perform React CRUD Operations.

We will start by initializing the React App.
We will learn how to use Axios for sending API Requests to the server.
We will look into how to use Mock APIs.
And last but not the least, how to use Semantic UI and Local Storage.

Enroll now and get started on your journey to build React Applications.

Goals

What will you learn in this course:

React
CRUD
API handling
React Router
Semantic UI
How to use Local Storage and Mock API's

Prerequisites

What are the prerequisites for this course?

Should be able to read, write, and understand JavaScript

Curriculum

Check out the detailed breakdown of what’s inside the course

React CRUD Operation
25 Lectures

Introduction and Initializing the React App 00:45 00:45
Installing Semantic UI Library 00:28 00:28
Importing Semantic UI Library 00:28 00:28
Cleaning the unneccasary project files 00:51 00:51
Creating the app 01:08 01:08
Creating CRUD Components 00:33 00:33
Installing Axios Library 00:20 00:20
Creating a Mock API 01:08 01:08
Create Operation 01:25 01:25
Creating a Form from Semantic UI React 00:34 00:34
Posting Data to Mock API 05:00 05:00
Read Operation 05:58 05:58
Creating Update and Delete Buttons 01:13 01:13
Installing React Router 00:28 00:28
Importing Router and Route from React Router 00:57 00:57
Creating the Update and Delete Routes 01:58 01:58
Mapping Routes on Button Click 01:32 01:32
Getting the Unique ID's from API 01:16 01:16
Setting the ID's in the Local Storage 00:38 00:38
Creating the Update Form 00:36 00:36
Fetching Data from Local Storage and Auto-populating the fields 01:25 01:25
Update Operation 01:49 01:49
Delete Operation 01:54 01:54
Final Touches 02:22 02:22
Conclusion 00:17 00:17

Instructor Details

Nishant Kumar

Course Certificate

Use your certificate to make a career change or to advance in your current career.