Supercharge Your React App: Master CRUD Operations with Axios, Router & JSON Server

In this video, we'll show you how to supercharge your React app with Axios, Router and JSON Server. We'll walk you through how to create, read, update, and delete data using Axios, Router and JSON Server!

By the end of this video, you'll be able to create, read, update, and delete data using Axios, Router, and JSON Server. We'll also show you how to use Axios to send data to a remote server! This is a great video for beginners who want to start building more complex applications with React.

TimeStamp:
0:00 Demo
01:23 Packages
02:17 Setup JSON-Server
02:51 Create All Components
03:42 React-Router-Dom
06:32 Fetch Records and Display
15:47 Add a new Records
22:59 Read a Record
25:58 Update Record
33:42 Delete a Record

[paschalynukwuani]

Thank you for this tutorial. You gave a clear explanation of CRUD operations in Rest API with AXIOS. Kudos!!

[asafv]

thank you very much I was searching for this for so LONG!
Works awsome!

[Alcsie]

Thank you for making this awesome video. This is a very good exam for React CRUD operations. I learned a lot of stuff from this exam.

[ZeeshanMRaje]

Learn it within 24 hours, thanks a lot chaudhari sahab, . Respect from India

[AndersonKunadi-jcze]

recommended explanation clean, clear and great bro 👌

[princebabariya-fhdx]

thank you brother for this video this video is realy very very helpfull for me so thank you so much.

[viswapentitheprogrammer]

It is great resource for understanding the React, thanks for making this vedio

[ihsanzull]

Thank you very much Sir. im not sure on minute @25:21, but I believe we need to initialize data in useState args to avoid never[ ] type in data. For your case, it should be
useState({
name: "",
email: "",
phone: "",
})

[mariyahadzhiyska]

Thank you, thank you, thank you, thank you <3 :)

[rtxiywi]

😍very well explained, you took all my burden off .MAY ALLAH BLESS YOU🥰

[broken_jail]

Thank you very much for the video, you are really good at explaining. Though i really wished you provided the github repo. Like the starter template

[sufyan_rasheed]

Very helpful video sir thank you but Can u provide db.json file or other source cod.

[GaneshBhatt-jkkc]

if u r using location.reload what is the use of react then if page is refreshing

[jhonearvintangonan]

Hey bro is there a way to delete without refreshing the page?

[ShubhamKumar-gyoi]

can't we fetch data on different page using ContextApi or redux toolkit and
1)then call the function and values and show it on either model or in another page,
2)preform data editing and then updating it like you did in edit option
3)last delete it
in the above project
i did tried but can't perform operation 2.

[myytkn]

Hello, can you please make a video with a small React Store app and MongoDB where you save users and products into the mongo database with login and signup? That would be helpful.

[isaacwekesa]

thank you for the great guide. Could you be kind enough to share your code?

[Gazal_rafi]

Why i am not able to get data through id whereas without using id i am getting the data....It show not found error

[akshintalasurendrakumar]

Video content was good. From next time please share the code or github link

[tranphuocanhminh]

Is there any other way to delete the user without having to reload the page? If you reload the page, it's not very ReactJS