Необходимо выполнить и предоставить на проверку следующие задачи:
- Страница интернет-магазина (функциональный компонент).
- Страница интернет-магазина (class-based компонент).
- Календарь — необязательная задача со звёздочкой.
Любые вопросы по решению задач задавайте в группе в учебном чате.
Все три задачи лучше сдавать в разных репозиториях, то есть через create-react-app реализовать три проекта, чтобы не было конфликта стилей. Но если вы позаботитесь о том, что конфликта не будет, то можете сдавать и в одном проекте.
Все стили необходимо размещать в файле App.css.
Приложение также можно создать используя инструмент Vite. Документация по созданию приложения React.
- Откройте терминал и пропишите следующую команду:
yarn create vite my-app --template react
, либоyarn create vite my-app --template react-ts
, если нужен шаблон с TypeScript. Эта команда создаст настроенный шаблонный проект. - Откройте созданный проект в своей IDE.
- Установите зависимости.
- Готово. Чтобы запустить приложение, введите команду:
yarn dev
(либоnpm run dev
).