Тёмный

Mastering Axios in React: API Requests, Authentication, and Advanced Techniques | React Tutorial 

Tamil Skillhub
Подписаться 3,2 тыс.
Просмотров 3,9 тыс.
50% 1

🚀 Dive deep into Axios in React! In this tutorial, we'll explore step-by-step how to make API requests using Axios. Learn the ins and outs of axios.get and axios.post, and discover the power of axios({method: 'get'}) and axios({method: 'post'}). Uncover the secrets of authenticating your GET requests with a practical example. Explore the world of Axios instances, defaults, and take control with interceptors for both request and response handling. Follow along with coding examples and level up your React skills with this comprehensive Axios guide! 🌐⚛️
Please find the pinned comment example for update and delete request handler
Join this channel to get access to perks:
/ @tamilskillhub

Опубликовано:

 

26 дек 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@muthupandiyan4453
@muthupandiyan4453 6 месяцев назад
Delete and edit video upload pannuga bro
@tamilskillhub
@tamilskillhub 6 месяцев назад
Please find the example for update and delete request handler To Update the product we can use PUT OR PATCH import { useState } from "react"; import axios from "axios"; export default function UpdateProduct() { const [id, setId] = useState(""); const [name, setName] = useState(""); const deleteSpecificProduct = () => { if (id && name) { axios .put(`dummyjson.com/products/${id}`, { title: name }) .then((res) => console.log(res.data)) .catch((err) => console.log(err)); } }; return ( setId(e.target.value)} /> setName(e.target.value)} /> Update Product Name ); } To delete the product we can use DELETE import { useState } from "react"; import axios from "axios"; export default function DeleteProduct() { const [id, setId] = useState(""); const deleteSpecificProduct = () => { if (id) { axios .delete(`dummyjson.com/products/${id}`) .then((res) => console.log(res)) .catch((err) => console.log(err)); } }; return ( setId(e.target.value)} /> Delete Product ); }
@vijay0333
@vijay0333 6 месяцев назад
Thank you bro for your knowledge sharing
@tamilskillhub
@tamilskillhub 6 месяцев назад
Thank you
@vijayaselvamc
@vijayaselvamc 2 месяца назад
Very useful🎉. Thanks
@tamilskillhub
@tamilskillhub 2 месяца назад
Welcome 😊
@Believer-yk7th
@Believer-yk7th Месяц назад
Thanks 😊for this video
@tamilskillhub
@tamilskillhub Месяц назад
Welcome 😊
@tamilskillhub
@tamilskillhub 6 месяцев назад
Please find the example for update and delete request handler To Update the product we can use PUT OR PATCH import { useState } from "react"; import axios from "axios"; export default function UpdateProduct() { const [id, setId] = useState(""); const [name, setName] = useState(""); const deleteSpecificProduct = () => { if (id && name) { axios .put(`dummyjson.com/products/${id}`, { title: name }) .then((res) => console.log(res.data)) .catch((err) => console.log(err)); } }; return ( setId(e.target.value)} /> setName(e.target.value)} /> Update Product Name ); } To delete the product we can use DELETE import { useState } from "react"; import axios from "axios"; export default function DeleteProduct() { const [id, setId] = useState(""); const deleteSpecificProduct = () => { if (id) { axios .delete(`dummyjson.com/products/${id}`) .then((res) => console.log(res)) .catch((err) => console.log(err)); } }; return ( setId(e.target.value)} /> Delete Product ); }
@eherman810
@eherman810 2 месяца назад
hi bro thank u for making this video. normal la api use panna network tap la esay ya security key with api pathukalam but yapadi secure key and api yarum pakama secure ra api-ya use panurathu? .env file illama? request ta onclick-la api poratha change or restrict pana madiuma react la ? video panuka bro rompa help full-la erukum thank you.
@tamilskillhub
@tamilskillhub Месяц назад
Stay tuned
@ragucool9468
@ragucool9468 6 месяцев назад
React redux with JWT Authentication - Sign up, Login, Logout & Private Route(access and refresh token redux state management ).how to handle token or session(state management redex store) in enterprice level application ....thanks in advance bro ... eagarly waiting bro..create enterprice level small application ( like ecommerce with cover all topics bro)
@tamilskillhub
@tamilskillhub 6 месяцев назад
Stay tuned
@ragucool9468
@ragucool9468 6 месяцев назад
@@tamilskillhub thanks ....eagarly waiting bro
@entirefactory7137
@entirefactory7137 6 месяцев назад
good idea bro
Далее
LISA - ROCKSTAR (MV Teaser)
00:10
Просмотров 6 млн
App Development Roadmap 2024 | Tamil
9:40
Просмотров 10 тыс.
KALKI 2898 AD MEME REVIEW - TODAY TRENDING TROLL
8:05
Axios Crash Course | HTTP Library
42:20
Просмотров 363 тыс.
LISA - ROCKSTAR (MV Teaser)
00:10
Просмотров 6 млн