5. React Redux - Главная страница. Axios - асинхронные запросы на API GitHub

preview_player
Показать описание


Таймкоды
00:00 - План на урок
00:20 - Устанавливаем модули
00:50 - Создаем главную страницу
01:30 - Создаем первый route
02:40 - Асинхронный запрос с axios
04:52 - Создаем компонент для отдельного репозитория
07:30 - Обрабатываем массив с помощью map

Поддержать меня и мой канал вы можете по ссылкам ниже.
Комментарии
Автор

Годный канал, вся информация - как доктор прописал. Спасибо!

barbatage
Автор

Большое спасибо за Вашу работу, сейчас копаюсь с редаксом, благодаря роликам начинаю понимать, что к чему <3 <3 <3

МихаилСедов-жш
Автор

спасибо за подробные объяснения и то что компоненты на функциях с хуками

irondrondron
Автор

Ничего кроме годноты не нашёл на этом канале

Александр-риз
Автор

вау-вау-вау, все очень круто, спасибо, Тимур, как всегда четко, быстро и понятно

mykhailo_shokun
Автор

Отлично обьясняете, желаю вам побольше подписчиков)

Barada-qv
Автор

После добавления await ничего не изменилось - пустая страница отображается. уже 4 раза видео пересмотрел - ничего не пропустил. юзэффект не срабатывает, репозитории не грузятся

vikcause
Автор

const repo = props.repo не понимаю, как это отрабатывает что лежит в итоге в repo? Предположу, что там массив items, но как он туда попал?

cheesecheesson
Автор

Добрый день. Подскажите, я правильно понимаю: сначала repos из useSelector загружается пустой, потом срабатывает useEffect. Данные диспачатся в стейт. У useEffect нет зависимости, почему тогда repos повторно подгружается в useSelector. Или тк произошол диспатч и изменение стейта Redux перезагрузил компоненту?

ИвановИван-эн
Автор

спасибо за уроки! очень помогают учиться, подскажи пожалуйста, а возможно ли отфильтровывать пустые репозитории, замучался искать решение этого вопроса?

happyhomo
Автор

Подскажите пожалуйста, как работает dispatch(getRepos()) в Main? В dispatch передаётся объект, но getRepos возвращает функцию, в которую как параметр нужно передать dispatch. Вообще не понимаю, почему это сработало
То есть у меня работает такая запись вместо dispatch(getRepos()):
const getR = getRepos()
getR(dispatch)

denism
Автор

Возникла ошибка "Support for the experimental syntax 'jsx' isn't currently enabled"

lemonstag
Автор

Подскажи как ты задал дефолтное значение для поиска всех репозиториев в кверисерч? не могу найти в апишке..

Nikitosss
Автор

Если продублировался комментарий несколько раз - простите, у меня что то с ютубом

whicencer
Автор

Есть 2 годных автора это собственно ТИМУР и Димыч!)

Moishe_Rubinstein
Автор

До правки асинхронного запроса, await такой: "Ну да, ну да..." :D

wpeut
Автор

ULBI, видео конечно круто, но могли бы Вы оформлять подобные материалы в формате блога?

rockwell_
Автор

Сколько лет ты в вебе? И в программировании в целом?

llwebstylell
Автор

Мужик, сделай пожалуйста видос axios get put delet запросы через Slice со своей базой нипример firebase и если можно Select(от 4 option) буду век благодарен.

bur
Автор

Были ошибки в App.jsx с <Route/>, обернул в <Routes> и вместо аттрибута component поставил element:
import { BrowserRouter, Route, Routes } from 'react-router-dom';
<div className="container">
<Routes>
<Route path="/" element={<Main />} />
</Routes>
</div>

Так же конфликты с зависимотями при установке пакетов решал с флагом --force в конце командной строки.

lcassiel