Tutorialspoint

React CRUD Operations with Axios

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

  Nishant Kumar

   Development, Web Development, React

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

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.

What Will I Get ?

  • React

  • CRUD

  • API handling

  • React Router

  • Semantic UI

  • How to use Local Storage and Mock API's

Requirements

  • Should be able to read, write, and understand JavaScript

0
Course Rating
0%
0%
0%
0%
0%

    Feedbacks (0)

  • No Feedbacks Yet..!
React CRUD Operations with Axios
This Course Includes :

35 mins

25 Lectures

Lifetime Access

30-Days Money Back Guarantee