Роутинг. Создание SPA и многостраничных сайтов

Task 01

Создайте приложение unit_03_mpa и зайдите в папку приложения.

Task 02

Установите react-router-dom с помощью команды npm i react-router-dom.

Task 03

Создайте компоненты Header.js, Home.js, About.js, Category.js, Footer.js. Они размещаются в папке src. Их логика и содержимое показаны на unit_03_01.png в шаблоне. Импортируйте данные компоненты.

Компонент Header содержит тег nav, в котором создана следующая верстка:


<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О сайте</a></li>
<li><a href="/cat">Категории</a></li>
</ul>
Task 04

Допишите в App.js Router, который позволяет перейти по данным ссылкам и попасть на указнные страницы-компоненты. Пишем MPA.

Task 05

Создайте компонент CategoryDescription. Он должен выводить заголовок первого...

Задачи доступны после покупки курса

Task 06

Допишите в Category.js следующую верстку:


<a href="/cat">Назад</a>
<ul>
<li><a href="/cat/notebook">Ноутбуки</a></li>
<li><a href="/cat/monitor">Мониторы</a></li>
<li><a...                                         

Задачи доступны после покупки курса

Task 07

Добавьте в App.js Router который позволит переходить на...

Задачи доступны после покупки курса

Task 08

Создайте страницу Error404 и роутинг к ней.

...

Задачи доступны после покупки курса

Task 09

Создайте новое приложение unit_03_spa где повторите указанные действия...

Задачи доступны после покупки курса

Task 10

По желанию. Создайте в App.js две константы, которые...

Задачи доступны после покупки курса