react-admin

Good thing you can use react-admin with both shadcn and Material UI thanks to its headless core! 😉

👉 marmelab.com/ra-core/

Build a Drag-and-Drop Scheduler in React with Bryntum Integrate Bryntum Scheduler into React Admin: drag-and-drop, zoom, infinite scroll, custom forms, and data converters - step by step.

We just published a step-by-step guide on building a simple scheduling application with ra-scheduler.

In this tutorial, you’ll learn how to:
✅ Set everything up
✅ Convert existing data
✅ Customize events edition

🔗 Check it out now!👇
marmelab.com/blog/2025/09...

#react #opensource

Release 5.11.4 · marmelab/react-admin Fix useGetManyAggregate merge queries with different meta (#10969) (djhi) Fix useDeleteController should get the record from closest RecordContext (#10967) (djhi) Fix incompatibility with latest @t...

React-Admin v5.11.4 is out! 🎉

This release includes:
✅ Fixes for useGetManyAggregate, useDeleteController & <FilterLiveForm>
🎨 <Toolbar> now has a default background
🔗 <ReferenceInput> always returns at least the currently selected reference
& more

🔗 Full changelog: github.com/marmelab/rea...

Want to change the look of your react-admin app? 🎨

Simply use the theme prop of the <Admin> component & that’s it!

Which theme is your favourite?
🔗 marmelab.com/react-admin/...

#react #opensource

Release 5.11.3 · marmelab/react-admin Fix useLogout does not redirect to the checkAuth call redirectTo property (#10949) (djhi) [Doc] Update disableSort property in <DataTable> documentation (#10947) (johannchopin-buyco)

React-admin 5.11.3 has been released! 🎉

This version fixes:
✅ an issue affecting the priority of redirections between logout and checkAuth &
✅ an issue in the DataTable documentation regarding sorting

Check out the full changelog at 👇

github.com/marmelab/rea...

React Admin x Bryntum: Creating a scheduler - Bryntum We're excited to announce our partnership with Marmelab, the team behind React-admin. Together, we've created the React-admin Scheduler - a powerful scheduling component that brings Bryntum's advanced...

Our friends at Bryntum just posted a helpful tutorial on how to use ra-scheduler.

This guide covers how to:
✅ Create, customize & style ra-scheduler
✅ Connect it to a backend REST API

If you’ve been wanting to try out ra-scheduler, this is the perfect place to start!

🔗 bryntum.com/blog/react-a...

The word got out: Shadcn Admin Kit is an open-source #React framework for building single-page-apps with Supabase, react-query, react-hook-form, react-router, and shadcn. #OSS

React-Admin: September 2025 Update Discover the latest features and improvements in react-admin, including render props for easier customization, the new RecordField component, soft delete functionality, scheduling components, menu key...

🧵(3)

👾 Miscellaneous:
✔️ <TreeInput> offers a more compact UI to select a tree node
✔️ <LockStatus> improves the content locking mechanism
✔️ New Auth Providers: APISIX OpenID Connect and Appwrite

marmelab.com/blog/2025/09...

React-Admin: September 2025 Update Discover the latest features and improvements in react-admin, including render props for easier customization, the new RecordField component, soft delete functionality, scheduling components, menu key...

🧵(2)

🧑‍💻 DX:
✔️ Render props: Easier custom rendering in many components
✔️ Reference fields empty prop for when there are no referenced records
✔️ ra-core: Headless react-admin with no UI dependencies
✔️ shadcn-admin-kit is react-admin for a Shadcn UI

marmelab.com/blog/2025/09...

React-Admin: September 2025 Update Discover the latest features and improvements in react-admin, including render props for easier customization, the new RecordField component, soft delete functionality, scheduling components, menu key...

🧵 Get the latest updates in our new blog post, covering:

🆕 New features:
✔️Soft Delete makes archiving & restoring records easy
✔️Sophisticated new scheduling component
✔️Menu keyboard navigation with shortcuts
✔️Resource specific translations for buttons and pages
& more

marmelab.com/blog/2025/09...

YouTube video by react-admin How to change the look of your react-admin app in seconds. #programming #react

Did you know you can change the look of your React-admin app in seconds? 🎨

This is possible thanks to the 5 themes built right into React-admin.

Just use the theme prop of the <Admin> component & that’s it!

youtube.com/shorts/lENLb...

#react #materialui #opensource

Need advanced scheduling in your app?

Introducing ra-scheduler: A powerful scheduler for managing tasks, events & more!

It's packed with advanced features like:
✅Drag-and-drop
✅Custom layouts & styling
✅Localization
✅Grouping & filtering
✅Export to PDF

react-admin-ee.marmelab.com/documentatio...

This Week In React 249

🍿 Read/subscribe here: thisweekinreact.com/newsletter/249

⚛️
- TanStack
- Fast Refresh
- MDX
- Storybook
- nuqs
- AI Elements
- React Three Fiber
📱
- Expo
- Legent List
- New Arch at Shopify
- Uniwind
- Rock
- Screens
- IAP
- Glass
- Sound

We appreciate the feedback, thanks! :)

Release 5.11.1 · marmelab/react-admin Fix <Datagrid> and <DataTable> bulk selection (#10918) (djhi) Revert usage on <ListIterator> in ra-ui-materialui (#10919) (djhi) [Doc] Update ra-realtime documentation for 5.2.0 (#10914) (djhi) [ch...

React-admin 5.11.1 has been released! 🎉

This version includes minor fixes for:

✅ <Datagrid> & <DataTable> bulk selection
✅ Ability to use dividers with <SingleFieldList>
➕ some doc updates

Check out the full changelog at👇 github.com/marmelab/rea...

#react #opensource

React-admin makes simple things simple and complex things possible. 💪

Catch the full interview with @francoisz.bsky.social (Lead Dev at React-admin) and @thorweb.dev (Dev Advocate) on @supabase.com‘s Youtube channel: 👇

🔗 youtu.be/e7p0irjQZfw?...

#supabase #react #opensource

This version also includes many updates to core components, paving the way for full offline support for your app! 🚀

Release 5.11.0 · marmelab/react-admin Add ability to use a ReactNode as create label in <AutocompleteInput> and <SelectInput> (#10883) (Madeorsk) Add <SelectArrayInput InputLabelProps> prop to support label configuration (#10872) (anto...

React-admin 5.11.0 is out! 🥳

It introduces some new key features:

✅ New useBulkExport & useDeleteController headless hooks 🪝
✅ <SelectArrayInput> now supports label configuration 🏷️
✅ You can now use a ReactNode as a create label in <AutocompleteInput> & <SelectInput>

github.com/marmelab/rea...

If you’ve ever used @shadcn.com, you know the power of owning the code of well-crafted components.

We’ve taken that same philosophy & applied it to admin panels.

The result?
👉 Shadcn Admin Kit: Powerful open-source shadcn blocks for building modern admin apps. ✨

🔗 marmelab.com/shadcn-admin...

We've teamed up with Bryntum to bring advanced project management to your react-admin app! 🎉

The result?
👉 ra-scheduler: A powerful, full-featured scheduler for managing tasks, assignments, events, recurring schedules & more! 📆

🔗 Check it out now: react-admin-ee.marmelab.com/documentatio...

🔥 Brand new auth provider for react-admin: Apisix OIDC auth provider

Now available along with 12 auth providers compatible with react-admin.

Check out the full list of open-source packages developed by our core team & our amazing community👇

🔗 marmelab.com/react-admin/...

#reactjs #frontend #OSS

Release 5.10.2 · marmelab/react-admin Add ability to use a ReactNode as create label in <AutocompleteInput> and <SelectInput> (#10883) (Madeorsk) Add warning when using queryOptions to add a meta in <Edit> and <EditBase> (#10882) (Made...

React-admin 5.10.2 is out!

It's packed with Quality Of Life improvements:
✅Ability to use a ReactNode as create label in <AutocompleteInput> & <SelectInput>
✅Avoid a gotcha when using queryOptions to add a meta in <Edit>
✅Fix ChipField considering 0 to be an empty value

github.com/marmelab/rea...

How to build a CMS with React-Admin Many applications require a user interface to manage and edit content. This post demonstrates how to create a basic headless CMS using PostgreSQL, React-Admin, and Supabase.

Want to build a custom CMS without having to wrestle with backend setup?

This tutorial shows you how to build a flexible, dynamic CMS with minimal code using @supabase.com + @react-admin.bsky.social. ⚡

marmelab.com/blog/2025/01...

🆕 We just shipped a brand new enterprise module: ra-soft-delete.

You can now keep deleted records to recover them later on. List all deleted records, inspect them, and restore or delete items permanently.

🔗 react-admin-ee.marmelab.com/documentatio...

#ReactAdmin #ReactJS #Frontend

A few months ago, @shadcn.com announced a registry mcp, which went super viral.

We couldn't resist giving it a try... Here's how it went:

👉 marmelab.com/blog/2025/08...

Check out the "Guides & Concepts" section in react-admin's doc.

It's designed to help newcomers learn the essential concepts of react-admin.💡

But even seasoned developers will learn something from these guides!😉

🔗 marmelab.com/react-admin/...

#reactadmin #react #OSS

Handling Relationships in React Admin Learn how React Admin can help you manage relational models, from simple to complex relationships like many-to-many.

React-admin works particularly well with relational models.

Learn how Reference Fields and Inputs can help you build sophisticated features on top of relational models in this tutorial by @slax57.bsky.social:👇

marmelab.com/blog/2025/02...

#reactadmin #react #OSS

We just leveled up react-admin’s headless experience by:

✅ Improving our existing headless components with render props
✅ Adding new ones: <ReferenceArrayInputBase> & <ReferenceManyCountBase>

Implementing your own UI on top of react-admin has never been easier! ✨

marmelab.com/react-admin/...

Release 5.10.0 · marmelab/react-admin Add search input to <ColumnsButton> when there are many columns (#10848) (slax57) Add support for menu keyboard shortcuts in <MenuItemLink> (#10790) (djhi) Add render prop to page and reference MUI...

In case you missed it: react-admin 5.10.0 is out! 🎉

This release brings:
✨ Improved headless support
🧠 Smarter <ColumnsButton>
⌨️ Keyboard shortcuts for <Menu>
& more!

📝 Full changelog: github.com/marmelab/rea...

#react #opensource

How to build a CMS with React-Admin Many applications require a user interface to manage and edit content. This post demonstrates how to create a basic headless CMS using PostgreSQL, React-Admin, and Supabase.

Did you know you can build a lot of cool things with @supabase.com + @react-admin.bsky.social? Like a fully functional CMS! 👇🏼

Learn how to build your own with minimal code in this blog post:

🔗 marmelab.com/blog/2025/01...

#React #Supabase #CMS