Разработать программу, состоящую из одной страницы, которая состоит из двух блоков: таблица товаров и фильтры. Макет представлен ниже и является примером того, что должно получится.
Данные для отображения представляют собой массив объектов длиной 1000 элементов и должны быть расположены в отдельном файле и могут генерироваться с помощью любой библиотеки, например, Faker.js.
- Код должен быть написан на typescript 3.5
- Компоненты должны быть написаны на React 16.8. Для интерфейса использовать библиотеку antd. Нельзя использовать таблицу из этой библиотеки
- Для написания стилей необходимо использовать css-modules.
- Таблица должна работать по принципу виртуальной прокрутки. Для реализации этой логики необходимо использовать один из компонентов библиотеки react-virtualized.
- Хранилище данных необходимо реализовать с помощью библиотеки mobx-state-tree. Подключение хранилищ предпочтительно осуществлять с помощью react hooks.
- Компоненты и модели должны быть протестированы jest.
Можно использовать любой boilerplate. Допускается креативный подход к решению задачи. Главное пожелание: если Вы испытываете трудности в решении задания или требуются уточнения, то, пожалуйста, свяжитесь со мной. Для связи можно использовать электронную почту с темой «Тестовое задание»
- Клонировать репозиторий
- Установить зависимости
$ npm install
- Запустить webpack-dev-server
$ npm run develop