АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!

Падручнік Redux

Уводзiны Дзве базавыя ідэі Асноўныя тэрміны Праца Redux прыкладання Тры асноўныя канцэпцыі

Інструментарый для працы

Асноўныя інструменты Устаноўка і падрыхтоўка React-прыкладання Устаноўка Redux і RTK з React Устаноўка Redux DevTools Extension Устаноўка React Router

Базавая схема працы

Даданне слайса Рэдьюсеры Селектары і хуўк useSelector Атрыманне дадзеных з store у кампаненце Формы і лакальныя стэйты Даданне формы Рэдьюсер і action Адпраўка action Абмерканне працы схемы

Праца з дадзенымі

Уводзiны Асобная старонка для прадукту Старонка прадукту ў браўзэры Змяненне дадзеных прадукту ў store Форма для рэдагавання дадзеных Старонка рэдагавання прадукту ў браўзэры Падрыхтоўка дадзеных для аб'екта action Даданне яшчэ аднаго слайса Даданне інфармацыі аб прадаўцы Унясенне змяненняў у форму Шматразовае выкарыстанне дадзеных з слайса Даданне дадатковай логікі Даданне рэдьюсера Адпраўка action

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

Уводзiны Змяненне структуры стэйта Аптымізацыя працы з селектарамі Устаноўка msw для працы з серверам База дадзеных для сервера Стварэнне мадэляў дадзеных для базы дадзеных Стварэнне аб'екта з дадзенымі прадаўца Стварэнне аб'екта з дадзенымі прадукту Стварэнне запісаў у базе дадзеных Адпраўка дадзеных з сервера па GET-запыце Кліент для прыкладання

Асінхронная логіка і Thunks

Уводзiны ў thunks Карысць ужывання createAsyncThunk Адпраўка thunk з кампанента Дадатковыя рэдьюсеры Выключэнне дублявання запыту. Ужыванне статусу запыту Атрыманне дадзеных прадаўцоў Непасрэдняя адпраўка thunk Апрацоўка запыту, адпраўленага з дапамогай thunk Адпраўка дадзеных з дапамогай thunk Вынікі працы thunk у кампаненце Вывад спісу прадаўцоў Старонка прадаўца
byenru