React Router 5 — один из ключевых инструментов маршрутизации в экосистеме React. Этот курс поможет вам уверенно работать с навигацией, динамическими маршрутами и организацией структуры приложения, независимо от уровня подготовки. В ходе изучения вы разберётесь как с основами, так и с продвинутыми возможностями библиотеки.
Что вы изучите в курсе
Курс охватывает полный спектр возможностей React Router 5, обеспечивая понимание того, как эффективно управлять переходами между страницами и состоянием в SPA‑приложениях.
Основные концепции
BrowserRouter и HashRouter — различия и применение.
Настройка базовых маршрутов с помощью Route и Switch.
Создание ссылок через Link и NavLink.
Продвинутые функции
Работа с динамическими маршрутами и параметрами.
Программная навигация через history.
Защищённые маршруты и паттерны авторизации.
Оптимизация структуры приложения с вложенными маршрутами.
Почему стоит пройти этот курс
React Router 5 остаётся актуальным для множества проектов, особенно тех, что были созданы на версиях React до появления новых роутеров. Понимание его принципов облегчает поддержку существующих приложений и переход на более современные версии.
Преимущества обучения
Материал подходит и новичкам, и опытным разработчикам.
Практические примеры, близкие к реальным задачам.
Чёткая структура от базовых концепций к продвинутым паттернам.
Дополнительные материалы
Подробный код и примеры доступны в официальном репозитории курса:
Опытным инженерам, которым нужна систематизация знаний по маршрутизации.
Тем, кто поддерживает проекты на React Router v4/v5.
Заключение
Освоив React Router 5, вы сможете уверенно проектировать маршруты, улучшать навигацию и создавать удобные в использовании приложения. Курс станет отличной базой для дальнейшего развития в React и его современных инструментов.
Урок 1.00:02:27
Welcome to the course, here's some code to download
Урок 2.00:00:48
React Router Documentation
Урок 3.00:05:43
What exactly is a Single Page Application (SPA)?
Урок 4.00:03:59
01 - JSX Routing with BrowserRouter and Route
Урок 5.00:02:48
02 - Route Matching - Inclusive vs Exclusive (exact) and Switch
Урок 6.00:02:25
03 - Link (anchors)
Урок 7.00:01:46
04 - BrowserRouter vs HashRouter
Урок 8.00:04:26
05 - Dynamic (Parameter) Matching
Урок 9.00:10:20
06 - Nested Layout Strategy
Урок 10.00:07:04
07 - match.url
Урок 11.00:11:16
08 - match.path
Урок 12.00:02:06
09 - NavLink
Урок 13.00:01:50
10 - withRouter HoC
Урок 14.00:02:06
11 - Programmatic Navigation (History Object)
Урок 15.00:03:41
12 - URL Query Strings
Урок 16.00:07:39
13 - Route Render Methods
Урок 17.00:06:15
14 - React Router - Just Components в„ў
Урок 18.00:03:37
15 - Authentication Strategy with Context
Урок 19.00:05:42
16 - Authenticated Routes (Dynamic Routes)
Урок 20.00:04:03
17 - Navigation With State
Урок 21.00:01:52
18 - Prompt Before Route Changes
Урок 22.00:08:47
19 - Animating Route Changes (Part 1)
Урок 23.00:06:29
20 - Animating Route Changes (Part 2) (
Урок 24.00:05:46
What's new from React Router 5.0 to 5.1 (hint, we have Hooks now)
Ryan Florence создает курсы в Интернете с 90-х Ему больше всего нравятся великолепные составные API и доступный пользовательский интерфейс. Он был соавтором React Router и одним из основателей React Training с Майклом Джексоном.
my email is vuthuycntt1996@gmail.com