react-admin

Name: react-admin
Availability: InStock
Author: marmelab

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

26.9k|5.5k|Updated Jul 13, 2016

Search Tags:#hooks #rest #graphql #composition #data-provider #admin-ui #react-admin

Ready to run

npx skills add https://github.com/marmelab/react-admin --skill react-admin

💬 Prompt for ChatGPT / Claude Chat▼

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.