React JS #19 Роутер (React Router. Part II)

#YauhenK #webDev #React #Redux #ReactRouter

Всех приветствую в курсе «React JS».
В данном видео-курсе мы с вами рассмотрим базовые понятия библиотеки React JS. Научимся создавать свои компоненты приложения. Разберёмся, как подключается и как работает React Router и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как Redux.
Дополнительные темы, которые мы рассмотрим:
- Валидация пропсов с помощью библиотеки PropTypes
- Работа с реальным API
- Создание роутинга одностраничного приложения с помощью React Router
- Работа с менеджером состояний Redux

✒ Репозиторий курса:

✒ Полезные курсы на канале:

✒ Используемые ресурсы и инструменты:

✒ Полезные ссылки:

✒ Полный список готовых и планируемых курсов:

🚀 Комьюнити канала:

👨‍💻 Автор канала:

[yusufrahimov]

Этот урок дал мне возможность узнать о теме более глубоко и детально. 🤓 Благодарю за это!

[АнтонРоздобудько]

Как хорошо что есть ещё люди, способные объяснять. Спасибо за Ваш труд )

[ocet]

Автор, очень кратко и ясно объясняет базовые вещи.
Лайк однозначно.

[РомаК-бм]

Отличная серия видео-уроков. Самое удивительное, что всё бесплатно :). Спасибо за труд. Замечу, что в видео про Роутер, на мой взгляд, было бы уместно упомянуть про программный роутинг. Хотелось бы от Вас услышать как это правильно делать.

[МаксимНырков-уг]

хм, в пол четвертого ночи пришлось пересмотеть видео по роутеру

[YuriiKratser]

Здравствуйте! Как всегда благодарю Вас за то, что образовываите нас в таком хорошем стиле. Спасибо. Но сегодня я малость разочарован вашим видео так как я ожидал, что вы в своем стиле опишите работу трех объектов, которые используются для роутинга (history, loacation, match). без данной инфо, то что вы показали в комп post выглядит как магия. Откуда взялся в параметра id?

[ВладиславПащенко-ев]

Как передать данные, когда используются динамические роуты c использованием withRouter()?

[HeyCosmoBoy]

Здравствуйте а в чём разница между path='*' и Redirect ?

[faxweb]

Урок то классный, но вот в конце я не понял как работает компонент NavLink, он что, сам добавляет к активной ссылке класс .active, или это где-то описано?

[nadyakukla]

подскажите, зачем нужно двоеточие в path='posts/:id'?

[bbiani]

Евгений, привет!
Столкнулся с проблемой, что на сайте (github pages) роутер не работает при обновлении страницы и при ручном печатании URL, вылетает 404 file not found.

[letzabelin]

А как стилизуются компоненты NavLink и Link? Зашёл в репозиторий, а там пусто.

[Gavr-dev]

походил по страничкам приложения с роутингом, при обновлении страницы браузера получаю "Not Found" как этого избежать?

[dispeltr]

можно вообще не писать path="*" а просто указать компонент который будет отрисовываться когда роут не найден