Repolode
Enviar
marmelab

marmelab/react-admin

Framework de React para crear paneles de administración y aplicaciones de back office de una sola página sobre API REST o GraphQL, con Material UI.

Alternativa open source a:RetoolAirtable Interface

Ver en GitHubSitio web
Estrellas
26,968
Forks
5,471
Issues abiertos
65
Último commit
anteayer

¿Qué es?

react-admin es un framework frontend para crear interfaces de administración y otras aplicaciones de una sola página basadas en datos que se ejecutan en el navegador. Se conecta a una API mediante un proveedor de datos y ofrece páginas CRUD, cuadrículas de datos, formularios, búsqueda y filtros, autenticación, enrutamiento y permisos, todo basado en Material UI.

El framework está diseñado como un conjunto de componentes y hooks de React débilmente acoplados, por lo que puedes reemplazar cualquier parte por un componente propio. El README enumera más de 45 adaptadores de proveedores de datos para backends REST y GraphQL, y ofrece el componente declarativo <Resource>, que vincula un endpoint de API con páginas de listado, edición y creación.

El proyecto está escrito en TypeScript, aunque también admite JavaScript. Está basado en Material UI, react-hook-form, react-router y react-query, e incluye aplicaciones de ejemplo como una demo de comercio electrónico, un CRM y un blog sencillo.

Funciones clave

  • 01Se conecta a API REST o GraphQL mediante más de 45 adaptadores de proveedores de datos
  • 02Ofrece páginas CRUD, cuadrículas de datos, formularios con validación y búsqueda y filtros
  • 03Incluye autenticación, roles y permisos, enrutamiento, i18n y notificaciones
  • 04Está basado en Material UI y todos sus componentes se pueden reemplazar por otros personalizados
  • 05Admite tanto TypeScript como JavaScript

Casos de uso

  • Crear un panel de administración interno para gestionar datos de una API REST existente
  • Crear un CRM o un back office de comercio electrónico con listados, formularios de edición y permisos
  • Añadir una interfaz de gestión sobre un backend GraphQL

Inicio rápido

  1. 1

    Instala react-admin desde npm

    npm install react-admin
  2. 2

    O instálalo con yarn

    yarn add react-admin

Antes de usarlo

  • Se necesita una API de backend (REST, GraphQL o un adaptador de proveedor de datos) para proporcionar los datos.

Temas

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

Preguntas frecuentes

¿Qué es react-admin?
Framework de React para crear paneles de administración y aplicaciones de back office de una sola página sobre API REST o GraphQL, con Material UI. react-admin es un framework frontend para crear interfaces de administración y otras aplicaciones de una sola página basadas en datos que se ejecutan en el navegador. Se conecta a una API mediante un proveedor de datos y ofrece páginas CRUD, cuadrículas de datos, formularios, búsqueda y filtros, autenticación, enrutamiento y permisos, todo basado en Material UI.
¿react-admin es gratuito? ¿Qué licencia tiene?
react-admin es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿react-admin sigue mantenido?
Mantenimiento activo. El último commit de react-admin fue el 19 oct 2026.
¿Para qué puedo usar react-admin?
Crear un panel de administración interno para gestionar datos de una API REST existente Crear un CRM o un back office de comercio electrónico con listados, formularios de edición y permisos Añadir una interfaz de gestión sobre un backend GraphQL
¿Cómo se instala react-admin?
Instala react-admin desde npm: npm install react-admin O instálalo con yarn: yarn add react-admin
¿Dónde consigo react-admin?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/marmelab/react-admin

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados