JSON Server Rest API | React Dev Server | Learn ReactJS

In this tutorial, we will set up a JSON Server Rest API to function as a mock dev server for our React JS application. Our React app will be able to send requests to the JSON Server to get, post, update and delete JSON data.

🚀 This lesson is part of a Learn React tutorial series playlist:

JSON Server Rest API | React Dev Server | Learn ReactJS

(00:00) Intro
(00:05) What is JSON-Server?
(00:32) NPX instead of NPM
(00:54) Creating the starter JSON data
(02:45) Launching JSON-Server
(03:57) Sending GET requests
(05:10) JSON-Server endpoints and request types

🔗 JSON-Server:

🔗 ES7 React JS Snippets Extension for VS Code:

🔗 React Dev Tools Extension for Chrome:


📚 References:

✅ Follow Me:

Was this introduction to JSON-Server Rest API set up helpful? If so, please share. Let me know your thoughts in the comments.

#json #server #react

[pb]

more indepth and precise than a paid course that i'm taking right now. thank you for your work, earned a sub

[BlockCylinder]

I love the JSON server. I've had a couple of companies ask me to set up a JSON server for assessments, and it's something that never came up in my boot camp.

Thank you.

[skillkrio]

I don't know all of a sudden where did you come from and conquering web development. You are a G.O.A.T Dave

[tenc]

I discovered your channel through a comment section on another youtuber's channel where an individual said that he was recently hired as a React Developer. When asked about his learning source, it was Dave Gray and Web Dev Simplified.

I immediately checked your React Js playlist out of curiosity and man, you are extremely good.
I wish I had found your channel sooner coz I have wasted many months hopping from one place to another for React js Tutorial. I think, my search ends here.

Thanks mate!

[harag]

wow, never heard of json-server, makes life so much easier to testing / playing with data while developing. Thanks for the great video!

[abdourahman]

Am absolutely loving your react tutorial dave 👍. This is a great course for beginners fresh from learning javscript. Good Job there Dave

[kostiantynkarzhanov]

Awesome tutorial! Dave, thank you so much! 💛

[ahmad-murery]

Thanks Dave,
looking forward fore the next tutorial

[camillopatricelli]

Thank you Dave, this is a great series of tutorial. Clear and concise. I am encountering a problem when running "npx json-server -p 3500 -w data/db.json". It returns an 'ENOENT' error. Any idea of what I'm doing wrong? Thanks!

[syedmunawwarali]

Video Quality is too good
But sound need to be improved a bit

A like from India🇮🇳

[beckyb]

Hi Dave, what is the benefit of JSON Server? We can manage our data ourselves? Thank you!

[manasahr]

Hi, could you please make a video on, how fetch data from mssql server stored procedure to react application. (Front end)

[codetheworld]

please make a video about how do these in real world server, ( like do i need to run ther json ser ver command " npx json-server -p 3500 -w data/db.json") on servers eg(godady, hostinger etc..). and how to deploy the react app in real server like we create a normal website on a server

[mohanj]

hi nice video, could you plz tell me how to fetch that data in table using react ?? if there is any video plz share me
Thanks

[siddiqahmed]

Sir can you please teach us how to host a website which is using json server? I am just stuck :(

[tuanphamvan]

json-server -p 3500 -w data/db.json
Error: EEXIST: file already exists, mkdir 'C:\Users\pham'
command not found: json-server
I get this error when I run it can you help me!