Repolode
Предложить
marmelab

marmelab/react-admin

Фреймворк на React для создания административных панелей и одностраничных приложений для бэк-офиса поверх REST- и GraphQL API с использованием Material UI.

Open source альтернатива:RetoolAirtable Interface

Открыть на GitHubСайт
Звёзды
26,968
Форки
5,471
Открытые issues
65
Последний коммит
позавчера

Что это?

react-admin — это frontend-фреймворк для создания административных интерфейсов и других одностраничных приложений для работы с данными, которые запускаются в браузере. Подключите его к API через data provider — и получите страницы CRUD, таблицы данных, формы, поиск и фильтры, аутентификацию, маршрутизацию и права доступа на базе Material UI.

Фреймворк состоит из слабо связанных компонентов React и хуков, поэтому любую его часть можно заменить собственным компонентом. В README перечислено более 45 адаптеров data provider для REST- и GraphQL-бэкендов, а также описан декларативный компонент <Resource>, который связывает endpoint API со страницами списка, редактирования и создания записей.

Проект написан на TypeScript, но также поддерживает JavaScript. Он построен на Material UI, react-hook-form, react-router и react-query и включает примеры приложений: демо интернет-магазина, CRM и простой блог.

Ключевые возможности

  • 01Подключение к REST- или GraphQL API через более чем 45 адаптеров data provider
  • 02Страницы CRUD, таблицы данных, формы с валидацией, поиск и фильтрация
  • 03Аутентификация, роли и права доступа, маршрутизация, i18n и уведомления
  • 04Основан на Material UI; любой компонент можно заменить собственным
  • 05Поддержка TypeScript и JavaScript

Сценарии использования

  • Создание внутренней административной панели для управления данными существующего REST API
  • Создание CRM или бэк-офиса интернет-магазина со списками, формами редактирования и разграничением прав доступа
  • Добавление интерфейса управления поверх GraphQL-бэкенда

Быстрый старт

  1. 1

    Установите react-admin из npm

    npm install react-admin
  2. 2

    Или установите с помощью yarn

    yarn add react-admin

Что важно знать

  • Для предоставления данных требуется backend API (REST, GraphQL или адаптер поставщика данных).

Темы

#react#admin-dashboard#typescript#material-ui#rest-api#graphql#frontend-framework#admin#admin-on-rest#admin-ui

Частые вопросы

Что такое react-admin?
Фреймворк на React для создания административных панелей и одностраничных приложений для бэк-офиса поверх REST- и GraphQL API с использованием Material UI. react-admin — это frontend-фреймворк для создания административных интерфейсов и других одностраничных приложений для работы с данными, которые запускаются в браузере. Подключите его к API через data provider — и получите страницы CRUD, таблицы данных, формы, поиск и фильтры, аутентификацию, маршрутизацию и права доступа на базе Material UI.
react-admin можно использовать бесплатно? Какая у него лицензия?
react-admin распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
react-admin всё ещё поддерживается?
Активно поддерживается. Последний коммит в react-admin — 19 окт. 2026 г..
Для чего можно использовать react-admin?
Создание внутренней административной панели для управления данными существующего REST API Создание CRM или бэк-офиса интернет-магазина со списками, формами редактирования и разграничением прав доступа Добавление интерфейса управления поверх GraphQL-бэкенда
Как установить react-admin?
Установите react-admin из npm: npm install react-admin Или установите с помощью yarn: yarn add react-admin
Где скачать react-admin?
Исходный код и инструкции по установке — на GitHub: https://github.com/marmelab/react-admin

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты