Разработать и сделать front на React для одной страницы
Не субподряд
Есть страницы, генерируются на PHP и отображаются как есть. Страницы с табличными данными, небольшие формы, поля ввода и поля выбора. Верстка на Bootstrap 3, желательно его и оставить, чтобы не делать лишней работы
Задачи:
- Выбрать frontend-фреймворк для задачи, работающий на клиентской стороне, например ReactJS, но это не обязательно
- Разработать удобный интерфейс пользователя на основе текущего. Схемки и зарисовки не требуются, главное чтобы результат был удобный для обычных людей
- Определиться с необходимым backend, например с форматом данных в JSON
- Реализовать на выбранном фреймворке функционал
- Отображение таблицы, с простыми фильтрами по столбцам, с постраничным выводом. Бонус - сделать отображение табличных данных в общем виде, для любой таблицы, согласовать JSON с backend для этой цели. Также есть еще один бонус - отображать не просто номера страниц, а значения первого и последнего "индекса" элементов внутри страницы. Индекс - это значимое поле строки, может быть указано в JSON
- При изменении фильтра отображать отфильтрованные данные. Бонус - запоминать фильтр на backend в сессии, или в куках браузера
- В строках таблицы есть кнопки для редактирования/удаления, по клику открывать модальное окно, принимать данные, по клику на submit отправлять новые данные на backend, слушать ответ, отображать обновленную строку или ошибку с backend. Бонус - согласовать передачу кнопок и форм с backend таким образом, чтобы можно было делать разные таблицы с разными действиями, а также показать пользователю, какую строку он поменял, анимацией или цветом, чтобы это выглядело приятно и понятно
Задание является первым из цикла, если мы сработаемся - будут следующие задания примерно этого же типа и направления. Конечная цель - разработать frontend для сайта