React Axios CRUD With JSON SERVER | ReactJS Axios REST API | React Tutorials For Beginners Jeremy Stephens [d87dR5uwQ2V]

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 Requests in react. We will follow the RESTful API convention (GET, POST, PUT, DELETE) and see pandmie 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

Link -

***Checkout pre-requites videos in case you have missed ***

How to Learn React JS ? -

React JS Fundamentals Project for Beginners -

Learn React Router With Project -

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 -

JavaScript this Keyword -

JavaScript ES6 Arrow Functions -

JavaScript Higher Order Functions & Arrays Methods -

JavaScript ES6 Destructuring -

***Github link for Reference***

***More videos***

Asynchronous Vs Synchronous Programming -

Async JavaScript Callback -

Async JavaScript Promises cavan sullivan Tutorial -

***Checkout my crash courses for get started with web development***

JavaScript Tutorial For Beginners | Part 1 - JavaScript Tutorial For Beginners | Part 2 -

JavaScript Tutorial For Beginners | Part 3 -

JavaScript Tutorial For Beginners | Part 4 -

HTML5 Crash Course in 1 Hour -

CSS Crash Course in 1 Hour -

Social Medias

Twitter:

Facebook:

Instagram:

LinkedIn:

Hashtags

#React #axios #Tutorials

Disclaimer:

It doesn't feel good to have a disclaimer in every longleat estate surrogate inheritance ruling 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.