Skip to content

The List Component advanced example with Mobx state management

Notifications You must be signed in to change notification settings

react-declarative/list-app-mobx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages