Skip to content

Instantly share code, notes, and snippets.

@kaineer
Created March 24, 2025 08:05
Show Gist options
  • Save kaineer/6eeb57d243251837d18e5b7337806f3b to your computer and use it in GitHub Desktop.
Save kaineer/6eeb57d243251837d18e5b7337806f3b to your computer and use it in GitHub Desktop.
Пересдача

Предварительно

  • Создаем новое реакт-приложение. Нет, старое не подойдет, мне нужно проверить способность создавать приложение самостоятельно
  • Добавляем react-router и react-router-dom
  • Добавляем react-redux и @reduxjs/toolkit

Основная часть

  • Делаем роутинг с использование react-router, так чтобы было, как минимум, две страницы

    • Плюсом будет добавление ссылок для навигации между страницами
  • На первой странице добавляем

    • Инпут для ввода имени цвета

    • Селект с тремя вариантами цвета (например: green, yellow, red)

    • Div, с заливкой выбранным цветом

    • Дополнительно: каждый элемент на первой странице д.б. оформлен в виде отдельного компонента

    • Дополнительно: цвет, введенный в инпуте влияет на заливку div только в случае, если это один из вариантов цветов из селекта

  • Остальные страницы содержат какой-нибудь один из трех компонент, описанных на первой странице

Важно

  • Цвет выбранный на любой странице должен быть доступен на остальных
  • Передача цвета между страницами не должна быть выполнена через useState(), т.е. нужно
    • Создать store, создать слайс, и использовать store на уровне приложения
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment