Создайте одностраничное приложение “Список компаний”, используя библиотеку React.js.

Требования:

• React,
• redux(redux-toolkit),
• TS,

Остальное на ваше усмотрение, НО стоит использовать минимальное кол-во библиотек(например, таблицу нужно точно сделать самостоятельно, без сторонних библиотек).

Дано:

Имеется таблица со списком компаний. Данные в таблице должны храниться в store.

Данные для таблицы - фейковые, создать самостоятельно.

Шапка таблицы "компании":

Чекбокс “Выделить всё”

Тело таблицы имеет столбцы:

| Чекбокс | Название компании | Адрес

Функционал:

При клике по чекбоксу в строке, соответствующая строка выделяется цветом на ваше усмотрение.

При клике по чекбоксу “Выделить всё” - выделяются все строки.

Все поля таблицы редактируемые.

В таблице реализовать механизм добавления/удаления компаний по соответствующим кнопкам. Удаление может быть множественное (если выделены несколько строк).

Будет плюсом:

Предусмотреть вариант когда компаний может быть 10 000+(желательно предложить вариант без переключения по страницам, динамическая загрузка при скролле)