React for Beginners #10 - JSON Server, HTTP & Fetch

Welcome back to another React tutorial! In this video, I will be covering how to create a database. This will allow items created in our application to remain on the page when it is refreshed.

⭐️ Timestamps ⭐️
00:00 | Introduction
00:58 | JSON Server Setup
03:56 | Running the JSON Server
07:56 | Fetch and HTTP Requests
09:56 | HTTP Methods
13:56 | Sending a POST Request
15:31 | Adding Items to the Database
23:53 | Recap and Summary

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰

🔗 Social Medias 🔗

🎬 My YouTube Gear 🎬

💸 Donations 💸
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Programming
- JSON Server
- HTTP

⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial

[nadjatur]

Great video! It helped me so much to finally understand JSON. I am really happy, like I found a real treasure ☺💎

[LesK-ns]

Thanks Tim you are the best at teaching code.

[georges.]

Great video as always Tim. Could you upload the code for this series to github?

[modetechno]

When I run the fake database, it uses the same port as the development server and just does not work in the way the video shows. Any ideas what I'm doing wrong please Tim?

[johnkang]

Hi, I created a json server and I am making get requests. The problem.I faced was that I kept had to type npx json-server --watch db.json everytime I ran my localhost. Why does this happen and how can I stop it?

[Yuric_o]

hey tim so in 2024 i am trying your course and it has been amazing really thanks <3 and i really appreciate it but it doesn't really auto incriment Id like in the video ig its because its old code, do you have any idea how to fix it ?

[supersonicstyleatsonicspeed]

Please do a video on searching within a Hasura GraphQL query where it is case insensitive and you can add spaces when you search such as when searching for someone's first and last name.

[willbrenton]

Random Random question here... but has anyone discovered how to go from PDF encoded in CID to Unicode/actual alphanumeric values regardless of encoding format? @techwithtim worth a shot

[jakjun]

Tim, could you teach how to restrict anyone from changing the data that host by json server.

[ol]

Hi Tim, Thanks a lot. Could you please show us how to deploy react project with json server to Heroku? or somewhere. The main thing is deploy JSON SERVER .thanks

[jonahsatheesh]

If you guys installed json server globally and still encounters an error while executing "json-server db.json", then switch to command prompt (cmd) instead of powershell. This will resolve the security issue you may have encountered!

[theyoutubeaccount]

Tim you should really turn these things into courses. Nobody watches them on youtube.