malinichev / usetableandgsap Goto Github PK

Вот ссылка https://react24.site/tableandgsap/#/

Получить список постов, используя API https://jsonplaceholder.typicode.com/posts

+ Вывести полученный список в таблицу (без пагинации)

Для таблиц использовал react-table

+ Сделать сортировку и поиск в таблице по всем полям

для сортировки и поиска так же использовал react-table по клику на названии постов

+ Добавить возможность удаления поста по клику на иконку в строке таблицы (использовать jsonplaceholder API)

пост удаляется через thunk`у сначала axios на сервер, а затем удаляю из redux стейта для наглядности

+ Сделать фильтрацию таблицы по пользователю (список пользователей в dropdown тянуть из https://jsonplaceholder.typicode.com/users)

фильтрация при клике на пользовалеле (фильтрую стейт с постами)

Не обязательно, но будет плюсом:

- использование typescript

+ добавление лоадера

лоадер в Логе нарисовал в Illustrator , анимация SVG через GSAP

+ на отдельном роуте расположить форму редактирования title и body поста (использовать jsonplaceholder API)

Редактировать пост на роуте /edit, тут redux-form и сначала запрос на АПИ, потом удаляю из стейта