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 көмегімен деректерді жіберу Жұмыс нәтижелерін компонентте көрсету Сатушылар тізімін көрсету Сатушы беті
azbydeenesfrkakkptruuz