Redux ўрганиш

Кириш Икки асосий ғоя Асосий терминлар Redux иловасининг ишлаши Үч асосий концепция

Иш харакати учун асбоб-ускуналар

Асосий асбоб-ускуналар React-иловасини ўрнатиш ва тайёрлаш Redux ва RTKни React билан ўрнатиш Redux DevTools Extensionни ўрнатиш React Routerни ўрнатиш

Асосий иш схемаси

Слайс қўшиш Редьюсерлар Селекторлар ва useSelector ҳуки Компонентда storeдан маълумот олиш Шакллар ва локал стейтлар Шакл қўшиш Редьюсер ва action Action жўнатиш Иш схемаси муҳокамаси

Маълумотлар билан ишлаш

Кириш Маҳсулот учун алоҳида саҳифа Браузердаги маҳсулот саҳифаси Storeдаги маҳсулот маълумотларини ўзгартириш Маълумотларни таҳрирлаш учун форма Браузердаги маҳсулотни таҳрирлаш саҳифаси Action объекти учун маълумотлар тайёрлаш Яна бир слайс қўшиш Сотувчи ҳақида маълумот қўшиш Формага ўзгартиришлар киритиш Слайсдан маълумотларни қайта-қайта ишлатиш Қўшимча мантиқ қўшиш Редьюсер қўшиш Action жўнатиш

Сервер ва база данных

Кириш Статус структурасини ўзгартириш Селекторлар ишини оптималлаштириш Сервер билан ишлаш учун msw ўрнатиш Сервер учун база данных База данных учун маълумот моделларини яратиш Сотувчи маълумотлари билан объект яратиш Маҳсулот маълумотлари билан объект яратиш База данныхда ёзувлар яратиш GET-сўров бўйича сервердан маълумот юбориш Илова учун клиент

Асинхрон логика ва Thunks

Thunks га кириш createAsyncThunk дан фойдаланиш фойдаси Thunk ни компонентдан юбориш Қўшимча редьюсерлар Такрорланган сўровни олдини олиш. Сўров статусидан фойдаланиш Сотувчилар маълумотларини олиш Thunk ни тўғридан-тўғри юбориш Thunk ёрдамида юборилган сўровни қайта ишлаш Thunk ёрдамида маълумотларни юбориш Иш натижаларини компонентда кўрсатиш Сотувчилар рўйхатини кўрсатиш Сотувчи саҳифаси
↑
deuzliduzes