Маршрутизация с React Router
Часть курса React
Всё, что вы собрали до сих пор, живёт по одному адресу. Страница одна, и то, что вы хотите показать пользователю, вы показываете или скрываете через состояние. Так можно до тех пор, пока кто-нибудь не захочет добавить экран настроек в закладки, отправить коллеге ссылку на одного конкретного пользователя или нажать в браузере кнопку «назад» и оказаться там, где ожидает.
Одностраничное приложение не перезагружает страницу целиком, когда вы по нему перемещаетесь. Браузер один раз скачивает JavaScript, и дальше переход между экранами, это просто отрисовка разных компонентов средствами React. Но адрес всё равно должен меняться, кнопка «назад» всё равно должна работать, а набранный вручную адрес всё равно должен приводить в нужное место.
Хочешь изучать React Маршрутизация с React Router в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Маршрутизация с React Router на практике вместе с AI-наставником, который знает твой код.
Начать этот урокМаршрутизация с React RouterЧему вы научитесь
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
Посмотри другие курсы
