Redux Darsligi

Kirish Ikkita asosiy g'oya Asosiy atamalar Redux ilovasining ishlashi Uchta asosiy konsepsiya

Ish uchun asboblar

Asosiy asboblar React-ilovasini o'rnatish va tayyorlash Redux va RTK-ni React bilan o'rnatish Redux DevTools Extension-ni o'rnatish React Router-ni o'rnatish

Asosiy ishlash sxemasi

Slice qo'shish Reducerlar Selectorlar va useSelector hooki Komponentda storedan ma'lumot olish Formalar va lokal statelar Forma qo'shish Reducer va action Action yuborish Ishlash sxemasini muhokama qilish

Ma'lumotlar bilan ishlash

Kirish Mahsulot uchun alohida sahifa Brauzerdagi mahsulot sahifasi Storedagi mahsulot ma'lumotlarini o'zgartirish Ma'lumotlarni tahrirlash shakli Brauzerdagi mahsulotni tahrirlash sahifasi Action obyekti uchun ma'lumotlarni tayyorlash Yana bitta slice qo'shish Sotuvchi haqida ma'lumot qo'shish Shaklda o'zgartirishlar kiritish Slicedan ma'lumotlarni qayta-qayta ishlatish Qo'shimcha mantiq qo'shish Reducer qo'shish Action yuborish

Server va ma'lumotlar bazasi

Kirish State tuzilmasini o'zgartirish Selectorlar bilan ishlashni optimallashtirish Server bilan ishlash uchun msw ni o'rnatish Server uchun ma'lumotlar bazasi Ma'lumotlar bazasi uchun ma'lumotlar modellarini yaratish Sotuvchi ma'lumotlari bilan ob'ekt yaratish Mahsulot ma'lumotlari bilan ob'ekt yaratish Ma'lumotlar bazasida yozuvlar yaratish GET-so'rovi bo'yicha serverdan ma'lumotlarni yuborish Ilova uchun mijoz

Asinxron mantiq va Thunks

Thunks ga kirish createAsyncThunk dan foydalanishning afzalliklari Komponentdan thunk yuborish Qo'shimcha reducerlar Ikki marta so'rov yuborishning oldini olish So'rov holatidan foydalanish Sotuvchilar ma'lumotlarini olish To'g'ridan-to'g'ri thunk yuborish Thunk yordamida yuborilgan so'rovni qayta ishlash Thunk yordamida ma'lumot yuborish Ish natijalarini komponentda ko'rsatish Sotuvchilar ro'yxatini ko'rsatish Sotuvchi sahifasi
azbydeenesfrkakkptruuz