react-declarative / list-app-mobx

The List Component advanced example with Mobx state management

Repository from Github https://github.comreact-declarative/list-app-mobxRepository from Github https://github.comreact-declarative/list-app-mobx

react-declarative

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

Поддержать проект

Important

Сделано с использованием react-declarative, чтобы решить ваши проблемы. ⭐Star and 💻Fork будет крайне полезен

Описание

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

Запуск

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.8%Language:Shell 0.6%Language:HTML 0.6%