Создайте одностраничное приложение “Список компаний”, используя библиотеку React.js. Требования: react, redux(redux-toolkit) остальное на ваше усмотрение, НО стоит использовать минимальное кол-во библиотек(например, таблицу нужно точно сделать самостоятельно, без сторонних библиотек) Дано: Слева имеется таблица со списком компаний, таблица сотрудников выбранной компании. Данные в таблицах должны храниться в сторе. Данные для таблиц "компании" и "сотрудники" - фейковые, создать самостоятельно. Шапка таблицы "компании": Чекбокс “Выделить всё” Тело таблицы имеет столбцы: | Чекбокс | Название компании | Кол-во сотрудников | Адрес При клике по чекбоксу в строке, соответствующая строка выделяется цветом на ваше усмотрение. При клике по чекбоксу “Выделить всё” - выделяются все строки.

При выделении одной компании, в таблице "сотрудники", видим данные сотрудников этой компании.

Шапка таблицы "сотрудники": Чекбокс “Выделить всё” Тело таблицы имеет столбцы: | Чекбокс | Фамилия | Имя | Должность

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

Если не выделена ни одна из компаний, то таблица "сотрудники" не видна.

Все поля таблиц редактируемые кроме счётчика сотрудников в таблице "компании".

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

При добавлении/удалении сотрудников у компании, счётчик сотрудников в таблице "компании" обновляется.

Готовый проект нужно разместить в репозитории на Github или Gitlab.

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

In the project directory, you can run:

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.