- Создаем новое реакт-приложение. Нет, старое не подойдет, мне нужно проверить способность создавать приложение самостоятельно
- Добавляем react-router и react-router-dom
- Добавляем react-redux и @reduxjs/toolkit
-
Делаем роутинг с использование react-router, так чтобы было, как минимум, две страницы
- Плюсом будет добавление ссылок для навигации между страницами
-
На первой странице добавляем
-
Инпут для ввода имени цвета
-
Селект с тремя вариантами цвета (например: green, yellow, red)
-
Div, с заливкой выбранным цветом
-
Дополнительно: каждый элемент на первой странице д.б. оформлен в виде отдельного компонента
-
Дополнительно: цвет, введенный в инпуте влияет на заливку div только в случае, если это один из вариантов цветов из селекта
-
-
Остальные страницы содержат какой-нибудь один из трех компонент, описанных на первой странице
- Цвет выбранный на любой странице должен быть доступен на остальных
- Передача цвета между страницами не должна быть выполнена через useState(), т.е. нужно
- Создать store, создать слайс, и использовать store на уровне приложения