Создаем на Github репозиторий cwp-35, клонируем его, открываем в IDE

Устанавливаем express и sequelize

Напишем базовый сервер с помощью express для раздачи статики из директории public

Поместим в public файл todo-react.html из лекции 22 (директория examples) назвав index.html

Стили из public/index.html переместим в public/style.css

Подключаемые с unpkg.com разместим также в public

Напишем API на express для работы со списком задач хранимом в базе данных

При добавлении задачи на стороне сервера будем случайным образом либо успешно добавлять задачу, либо возвращать ошибку

Перепишем клиента для взаимодейтсвия с полученным API. Для HTTP-запросов можем использовать axios

Оптимизируем перерисовку каждого компонента наследуясь от PureComponent или реализовав shouldComponentUpdate в зависимости от ситуации

Добавим компонент Popup и используем его для подтверждения удаления задачи из списка

Добавим компонент Notifications (в правом верхнем углу) как список компонентов Notification. Уведомления показываются в течении 5 секунд, затем автоматически закрываются. Будем уведомлять пользователя об успешном или неуспешном добавлении задачи

Добавление задачи будем делать в оптимистичном стиле т.е. не дожидаясь ответа от сервера добавляем задачу в список, в случае получения ошибки - удаляем