Repolode
Enviar
marmelab

marmelab/react-admin

Um framework React para criar dashboards administrativos e aplicações de back-office de página única sobre APIs REST ou GraphQL, usando Material UI.

Alternativa open source a:RetoolAirtable Interface

Ver no GitHubSite
Estrelas
26,968
Forks
5,471
Issues abertas
65
Último commit
anteontem

O que é?

react-admin é um framework frontend para criar interfaces administrativas e outras aplicações de página única orientadas a dados, executadas no navegador. Você o conecta a uma API por meio de um data provider, e ele oferece páginas CRUD, tabelas de dados, formulários, busca e filtros, autenticação, roteamento e permissões, tudo baseado em Material UI.

O framework foi projetado como um conjunto de componentes e hooks React pouco acoplados, então qualquer parte pode ser substituída por um componente próprio. O README lista mais de 45 adapters de data provider para backends REST e GraphQL, além de fornecer um componente declarativo <Resource> que mapeia um endpoint da API para páginas de listagem, edição e criação.

O projeto é escrito em TypeScript, mas também oferece suporte a JavaScript. Ele é baseado em Material UI, react-hook-form, react-router e react-query, e inclui aplicações de exemplo, como uma demonstração de e-commerce, um CRM e um blog simples.

Recursos principais

  • 01Conecta-se a APIs REST ou GraphQL por meio de mais de 45 adapters de data provider
  • 02Oferece páginas CRUD, tabelas de dados, formulários com validação, busca e filtros
  • 03Inclui autenticação, funções e permissões, roteamento, i18n e notificações
  • 04É baseado em Material UI, e todos os componentes podem ser substituídos por componentes personalizados
  • 05Oferece suporte a TypeScript e JavaScript

Casos de uso

  • Criar um painel administrativo interno para gerenciar dados por trás de uma API REST existente
  • Criar um back-office de CRM ou e-commerce com listas, formulários de edição e permissões
  • Adicionar uma interface de gerenciamento sobre um backend GraphQL

Início rápido

  1. 1

    Instale react-admin pelo npm

    npm install react-admin
  2. 2

    Ou instale com yarn

    yarn add react-admin

Antes de usar

  • É necessária uma API de backend (REST, GraphQL ou um adaptador de provedor de dados) para fornecer os dados.

Tópicos

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

Perguntas frequentes

O que é react-admin?
Um framework React para criar dashboards administrativos e aplicações de back-office de página única sobre APIs REST ou GraphQL, usando Material UI. react-admin é um framework frontend para criar interfaces administrativas e outras aplicações de página única orientadas a dados, executadas no navegador. Você o conecta a uma API por meio de um data provider, e ele oferece páginas CRUD, tabelas de dados, formulários, busca e filtros, autenticação, roteamento e permissões, tudo baseado em Material UI.
react-admin é gratuito? Qual é a licença?
react-admin é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
react-admin ainda é mantido?
Manutenção ativa. O último commit de react-admin foi em 19 de out. de 2026.
Para que posso usar react-admin?
Criar um painel administrativo interno para gerenciar dados por trás de uma API REST existente Criar um back-office de CRM ou e-commerce com listas, formulários de edição e permissões Adicionar uma interface de gerenciamento sobre um backend GraphQL
Como instalar react-admin?
Instale react-admin pelo npm: npm install react-admin Ou instale com yarn: yarn add react-admin
Onde consigo react-admin?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/marmelab/react-admin

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados