За исходники взять д/з №5 Переписать компоненты с .vue на .tsx Заменить в таблице пагинацию (из д/з №5) на virtual scroll (взять с воркшопа или реализовать свой) Реализовать ленивую загрузку для virtual scroll: после отрисовки последнего элемента отправлялся запрос на сервер, для получения следующих элементов списка. Если элементов больше нет, вывести предупреждение, что на данный момент все данные получены. Доп. задание: Реализовать фильтрацию в таблице (запрос "/chats", параметр "title") Добавить Guards: 1 - для проверки авторизации: сейчас для проверки авторизации используется запрос, необходимо написать Guards, который перед переходом на страницу будет проверять авторизацию с помощью этого запроса 2 - для логирования посещенных страниц: добавить Guards, который сохраняет в массив список посещенных страниц. Такое может понадобиться для сбора метрик по посещению страниц сайта. Хранить можно в (local/session/cache)Storage Сгенерировать API и перейти на его использование с декораторами (пример в материалах воркшопа, в директории "api") Доп. материалы: для генерации API использовать - https://github.com/acacode/swagger-typescript-api config для генератора API (конфиурация и инструкция в материалах воркшопа)
yarn install
yarn serve
yarn build
yarn lint