8. Страница персонажа: динамические маршруты и детали

Для доступа к видео оформите подписку на курс

8. Страница персонажа: динамические маршруты и детали

Сделаем страницу персонажа с динамическим роутом :id. Загрузим данные, покажем статус, локацию и число эпизодов, добавим кнопку возврата и условные стили статуса.

Оценить качество материала и подачу материала автором видео:

Front-end

Трудоустройтесь middle front-end разработчиком на React JS (TypeScript) за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Front-end

Back-end

Трудоустройтесь middle back-end разработчиком за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Back-end

Карьерный бустер

Получите коммерческий опыт на реальных стартапах, прокачайте tech & soft навыки, научитесь работать в команде, проходить собеседования и получите первую работу в IT!

Перейти на курс
Карьерный бустер

Основы Front-end

Сделайте первый шаг в IT, освоив базовые знания разработки и научившись создавать небольшие проекты на JavaScript

Перейти на курс
Основы Front-end

Основы Back-end

Сделайте первый шаг в IT, освоив базовые знания разработки. Без опыта. Без математики. Только практика: JavaScript, SQL, Node JS, база данных

Перейти на курс
Основы Back-end

8. Страница персонажа

Динамический роутинг

Давайте при клике на имя героя, переходить на его личную страницу

Создадим новую страницу для одного персонажа в папке CharacterPage

      • Character.jsx
      • Character.module.css
    • CharacterPage.jsx
    • CharacterPage.module.css
    • добавим компонент Character в роутинг

    Динамический роутинг в React Router позволяет создавать маршруты с переменными (параметрами), которые могут изменяться в зависимости от переданных значений.

    ...

    Нет доступа к основному конспекту для этого видео