react-admin

Build admin UIs with react-admin resources, lists, forms, and authentication.

26.9k|5.5k|Updated Jul 13, 2016
One-click install
npx skills add https://github.com/marmelab/react-admin --skill react-admin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-admin
Source: https://github.com/marmelab/react-admin/tree/main/.agents/skills/react-admin
Command: npx skills add https://github.com/marmelab/react-admin --skill react-admin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React-admin provides a ready-made, backend-agnostic UI framework to build consistent admin interfaces for any REST/GraphQL API, reducing boilerplate and maintenance.

Core Features & Use Cases

  • Rich set of components and hooks for resources, lists, forms, and authentication
  • Backend-agnostic data layer via dataProvider, authProvider, and i18nProvider
  • Quick integration with REST/GraphQL APIs and type-safe code with TypeScript

Quick Start

Create your first Resource, set up a List and Show view, and connect a dataProvider to your REST or GraphQL API.

Frequently Asked Questions about react-admin

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an admin interface for a REST or GraphQL API without writing boilerplate UI code?

To build an admin interface without boilerplate, use a backend-agnostic UI framework that provides ready-made components for resources, lists, and forms. A data provider connects your REST or GraphQL API, ensuring consistent behavior while reducing maintenance overhead.

What is a data provider and how does it connect my admin UI to different backends?

A data provider is an abstraction layer that connects your admin UI to different backends. It translates UI operations into API calls for REST or GraphQL, enforcing a modular composition model so your interface remains backend-agnostic and type-safe.

Can I use TypeScript to enforce type safety in my scalable admin UI?

Yes, you can use TypeScript to enforce type safety in your scalable admin UI. The framework's modular composition model and hooks are designed for quick integration with REST or GraphQL APIs, ensuring consistent behavior and strong type safety across resources.

How do I set up authentication flows for a React admin dashboard?

To set up authentication flows for a React admin dashboard, configure an auth provider. This modular component manages login, logout, and permissions, integrating seamlessly with your data provider to secure resources, lists, and forms.

Does this framework support managing relationships across resources in lists and forms?

Yes, the framework supports managing relationships across resources in lists and forms. It offers a rich set of components and hooks that handle references and nested data, maintaining consistent behavior across your REST or GraphQL backends.

What is the best way to start building admin interfaces quickly for an existing API?

The best way to start building admin interfaces quickly is to define your first Resource, set up List and Show views, and connect a data provider to your existing REST or GraphQL API. This modular composition model reduces boilerplate immediately.