Home

Создать проект с названием: first-react-app. Создать два классовых компонента: Header и Footer. В Header есть только заголовок "Добро пожаловать!" В Footer номер телефона и почта. Два этих компонента необходимо использовать в App. Д.з. выгрузить архивом без папки node_modules.

---

2.1 props: Создать компонент товар(классовый или функциональный на выбор). У товара есть название, цена и картинка. Создать три разный товара.

2.2 state: Есть кнопка. У неё один из двух цветов: красный и зеленый. По умолчанию красный. По нажатию меняет цвет на другой.

---

3.1 По нажатию на элмент списка в SelectedUsers элемент отменяется из выбраных.

3.2 Элементы в списке SelectedUsers должны отображаться в том порядке, в котором мы их выбирали.

---

Добавить в классной работе возможность уменьшать шаг счетчика, добавить хождение считчитка в обратную сторону(кнопка -), но чтоб он не спускался ниже 0.

Сделать все д.з. по React!

Читать про state, props, lifecycle, списки (первые 8 пунктов в докуементации)

---

Компонент Stopwatch маэ багу, якщо натиснути кілька разів на кнопку start - у нас буде повтороно запускатися interval. Виправити цю багу.

Добавить стили, как на картинке home.jpg

*Переписати Stopwatch(замість setInterval використати setTimeout). Для рішення задачі скористуватися componentDidUpdate.

---

Створити випадаючий список для вибора області України. Відобразити в елементі h2 вибір користувача. https://react.dev/reference/react-dom/components/select https://uk.legacy.reactjs.org/docs/forms.html

*Створити два списка для вибору області(звідки-куди). Після того, як вибрали облость у списку "звідки", у списку "куди" її не повинно бути.

---