Задание по React

В свободном дизайне, сделать простое приложение, которое содержит поле ввода и две кнопки. Поле ввода принимает строку request ID, по первой кнопке возвращается список логов разных сервисов, которые необходимо вывести на экран пользователя. Логи должны сгрупированы по сервисам hh-xmlback, hh-session и т.д. Вторая кнопка feelinglucky возвращает request ID, по которому можно осуществить поиск и так же вывести список логов.

Скриншот дизайн =):

для примерного понимания, как может выглядеть результат

Задание по Redux

Добавить redux в приложение для управления состоянием приложения. Добавить кастомную middleware для асинхронных походов в API. Сохранять в store сущности логов.

API

/api/feelinglucky - возвращает { rid: "1549341230310eb804464227c82c7fc9" }. Это захардкоженый request ID.

/api/logs?rid=${rid} - возвращает список логов, по переданному rid/

yarn

Устанавливает зависимости

yarn build

Собирает проект в build папку.

yarn dev

Запускает watch сборки, что бы при разработке. Не запускать билд после изменений кода. Так же запускает сервер для разрабоки доступен в браузере по URL http://localhost:3000. Он поддерживает hot reload.

yarn start

Запускает сервер статики и API. Доступен в браузере по URL http://localhost:9200

Дока по сборке

Проект сделан с помощью: Create React App.