React Axios Crud App with JSON server | ReactJS Axios Rest API | React Crud App with JSON server

We will Build Crud App with JSON server and use Axios Rest API for React Axios Crud Operation with JSON server. How to do CRUD operation in React with JSON server.
In this video we will focus on:
How to Install JSON-Server?
How to use Axios with React?
How to call Rest API?
How to Fetch Data from APP in React?
How to Post Data using Axios in React JS?
How to Update Data using Axios with React JS?
How to Delete Data using Axios with React JS?
Build a Crud App using React JS and JSON Server.
JSON server Rest API.
React Axios Crud App with JSON Server.

timestamp:
0:00 Introduction
0:35 Install JSON Server
01:38 Fetch Data using Axios in React
08:31 Setup of React-Router-Dom
10:24 Add a Record
18:24 Update a Record
31:14 Delete a Record

[alexandraveketo]

Thank you so much this video helpt me a lot

[Amruthashanthan]

Super 👌👌👌 thankyou sooo much for this video

[ajaymathesh]

After we fetching the data for updating purpose in the input box ..the input box does not accepting new value to enter

[deadpool]

why json server doesn't return me id numbers in ascending sequence(POST method), but gives me a mixture of letters and numbers as id?

[timreimer]

Can you share the github repository for this example ?

[RaviTeja-]

I want the id to be updated automatically when we delete a data from the middle....suppose if we delete 3rd record the 4th's id should be updated to 3...so is they a way to do it....if so how to do it .

[akashkumar]

Awesome but plz provide the source code also

[mzwrorr]

according to me (I am new to react) I think "Infinite Loop in Effect" is created here(in useEffect). If you feel same way please explain it for me.🤔💝

[kurona]

Hello bro i want to ask my id in edit is dont show up do you know whyM

[ismailbakhach]

why u don't do like this : <tr key={d.id}>

[boyswillbeboys]

thank you for a nice tutorial. i got an issue with the delete that still shows the deleted item unless page refreshed. here’s an update to that:

function handleDelete(id){
const confirmDelete = window.confirm("Do you want to delete this item?")
if(confirmDelete){
alert("Record deleted!")
const updatedRecords = records.filter(data => data.id !== id);
setRecords(updatedRecords);
navigateTo("/")

}
}