Video Description

In this video we are going to learn about How to setup the JSON-server for our fake APIs and use React Axios package to perform HTTP Requests in react. We will follow the RESTful API convention (GET, POST, PUT, DELETE) and see how easily we do CREATE, READ, UPDATE and DELETE operations on our contacts resource. We will learn about how to send data to server and get the response back from server. We will see how we update our React state with the data received from server and render our UI with updated data. Node.js: The Complete Guide to Build Backend Projects [2023]🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ***Checkout pre-requites videos in case you have missed *** How to Learn React JS ? - https://youtu.be/06yVj8pcO5c React JS Fundamentals Project for Beginners - https://youtu.be/QoJGKwo20is Learn React Router With Project - https://youtu.be/kMBjhiGYoLY 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:00:20 - What we want to build ? 0:02:00 - Setting up JSON-SERVER 0:03:34 - Understand Rest API convention 0:04:00 - Create Contacts Resource 0:05:50 - Start JSON-SERVER 0:06:45 - Install AXIOS package 0:08:15 - Fetch All Contacts (READ) 0:11:52 - Add new Contact (CREATE) 0:15:07 - Delete a Contact (DELETE) 0:16:25 - Create an Edit component 0:22:03 - Edit Contact (UPDATE) 0:25:18 - Testing CRUD operations 0:26:12 - Outro ***Checkout these video to understand better*** Learn JSON in 25 Minutes - https://youtu.be/6OhMbf2v_jI JavaScript this Keyword - https://youtu.be/S2pBGSeUFCk JavaScript ES6 Arrow Functions - https://youtu.be/TgzVxiPdCDU JavaScript Higher Order Functions & Arrays Methods - https://youtu.be/m2_kagsc3_c JavaScript ES6 Destructuring - https://youtu.be/rpYg2M2lNAE ***Github link for Reference*** https://github.com/dmalvia/React_Tutorial_Contact_Manager_App/archive/react-crud-axios.zip ***More videos*** Asynchronous Vs Synchronous Programming - https://youtu.be/oesicy3CcXE Async JavaScript Callback - https://youtu.be/1zeuvEvw5uw Async JavaScript Promises Tutorial - https://youtu.be/JvV4Rz2PpzA ***Checkout my crash courses for get started with web development*** JavaScript Tutorial For Beginners | Part 1 - https://youtu.be/t6_waVDdG-E JavaScript Tutorial For Beginners | Part 2 - https://youtu.be/LRLMs0TCflE JavaScript Tutorial For Beginners | Part 3 - https://youtu.be/sqpy36PNAdk JavaScript Tutorial For Beginners | Part 4 - https://youtu.be/MQrR0nrvg8o HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/dipesh.malvia Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Hashtags ⭐️ #React #axios #Tutorials Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.