Oliy React - Mini CRM fetch post

Savol va topshiriqlar:
1.fetch yordamida POST so‘rovi yuborishda method va headers parametrlari nima uchun kerak?
2.POST so‘rov yuborishda body qismiga nima yoziladi va nega JSON.stringify ishlatiladi?
3.fetch bilan yuborilgan POST so‘rovda serverdan qaytgan javobni qanday ishlatamiz?
4.POST va GET so‘rovlari o‘rtasidagi asosiy farq nima?
5.Agar serverdan xato qaytsa (400 yoki 500), biz uni qanday qilib fetch orqali aniqlashimiz va ishlov berishimiz mumkin?
6. POST so‘rov yuborishda body qismiga qanday formatda ma’lumot yuboriladi?
A) JavaScript object holida
B) JSON string holida
C) HTML text sifatida
D) XML fayl sifatida
7.Quyidagi kodda nima yetishmayapti?
fetch("https://api.example.com/users", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: user
});
A) method: "GET" bo‘lishi kerak edi
B) headers o‘chirib tashlash kerak
C) JSON.stringify(user) yozilishi kerak edi
D) Kod to‘liq to‘g‘ri
8.fetch yordamida https://jsonplaceholder.typicode.com/posts ga quyidagi obyektni yuboring:
{
title: "My First Post",
body: "Learning fetch POST in React",
userId: 1
}
Serverdan qaytgan natijani konsolga chiqaring.
9.Mini CRM appimizda save tugmasi bosilgandan so'ng forma yo'qolib o'rniga "ma'lumot yuborilmoqda..." jumlasi chiqadigan qiling. Ma'lumot yuborib bo'lingandan so'ng modal yopilishi kerak.
10. edit va delete buttonlari bosilgan ma'lumotlar bazasida ham mos ravishda ma'lumotlar tahrir qilinadigan va o'chiriladigan bo'lishini ta'minlang. (error handling va loading statelar bilan ishlashni ham esdan chiqarmang)

Видео Oliy React - Mini CRM fetch post канала Ruslanbek Normurodov