state

The List Component advanced example with Mobx state management for react

Sep 07, 2021
The List Component advanced example with Mobx state management for react

react-declarative

Пример архитектуры React + Mobx приложения

Описание

В комплекте система сервисов, взаимодействующих через композицию. Она позволяет переслать пользователя на отдельную страницу нехватке прав доступа или ошибке. Также реализована инъекция токена в заголовки запросов после авторизации. Блокировка роутинга при несохраненных изменениях. Пагинация, сортировка, фильтры. Отображение списочной формы и формы элемента списка. Прочее.

Запуск

npm install npm start npx open-cli http://localhost:3000/

Скриншоты

Списочная форма

Форма элемента списка наглядно демонстрирует вывод элементов из CRUD c передачей параметров в GET запросе для сортировки, фильтрации, пагинации

list

Форма элемента списка

Форма элемента списка открывается по клику на элемент списка или кнопке "+" в правом верхнем углу. При несохраненных данных роутинг блокируется

one

GitHub

https://github.com/react-declarative/list-app-mobx

Recommended