react-declarative / list-app-mobx

The List Component advanced example with Mobx state management

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-declarative

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

Описание

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

Запуск

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

Скриншоты

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

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

list

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

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

one

About

The List Component advanced example with Mobx state management


Languages

Language:TypeScript 98.7%Language:Shell 0.7%Language:HTML 0.6%