react-admin's Avatar

react-admin

@react-admin.bsky.social

⚛️ React Framework for building data-driven apps over REST/GraphQL APIs, sponsored by @marmelab.bsky.social Discord: https://discord.gg/N6HMQ4TEBX

159 Followers  |  12 Following  |  173 Posts  |  Joined: 22.11.2024  |  1.5063

Latest posts by react-admin.bsky.social on Bluesky

React-admin - TanStack Router Integration

🆕 Exciting news! React-admin now supports TanStack Router!🎉

This means you can now use react-admin in a TanStack Start application. @tanstack.com

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

26.01.2026 16:23 — 👍 1    🔁 0    💬 0    📌 0
Video thumbnail

Want to build a fully functional Kanban board with #React and #shadcn?

This in-depth tutorial walks you through building a Trello-like board, complete with drag-and-drop cards, clean UI & a modern architecture.

Check it out now👇
marmelab.com/blog/2026/01...

@shadcn.com

19.01.2026 10:45 — 👍 2    🔁 1    💬 0    📌 0
Preview
React-Admin Data Provider — From Beginner to Advanced React-Admin is a powerful framework for building admin panels quickly. One of its core concepts is the Data Provider.  If you understand…

Every react-admin app needs a data provider. It’s how your #frontend talks to the #backend. 🔄 Understanding it is key to mastering react-admin.

This beginner-friendly guide walks you through the essentials, helping you build a solid foundation.

🔗 sameeramadhuranga.medium.com/react-admin-...

13.01.2026 10:34 — 👍 2    🔁 1    💬 0    📌 0
Post image

Happy New Year! 🎉

2025 was a record-breaking year for react-admin:
🚀 40 releases
⭐ 26k stars on GitHub
🤯 4 million downloads

A big thank you to all our contributors & users for making 2025 such a success! 🙏 Your support means the world to us!

We’re excited to keep growing in 2026! #react #OSS

05.01.2026 14:04 — 👍 1    🔁 0    💬 0    📌 0
React Admin with Ruby on Rails Custom App Development – by people (& AI), for people

Ever wanted to use react-admin with Ruby on Rails?

This article walks you through how to integrate the two to create a powerful admin interface. 💻

It covers the complete implementation from backend API design to frontend data provider configuration.

🔗 nitid.co/blog/2025_11...

#React #RubyOnRails

23.12.2025 09:18 — 👍 1    🔁 1    💬 0    📌 0
Post image

🚨 The final newsletter of the year is dropping soon! 🚨

We’re wrapping up 2025 with a big recap.

You can expect a throwback to major releases and key highlights, all straight from the core team.

📩 Make sure you don’t miss it: rb.gy/uez10x

#reactadmin #react #OSS

09.12.2025 16:51 — 👍 2    🔁 1    💬 0    📌 0
Preview
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 flexible and dynamic CMS with minimal code? 🔧

Then check out this tutorial to learn how to create your next CMS using @react-admin.bsky.social and @supabase.com ⚡ :

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

#Supabase #react #CMS

28.10.2025 11:04 — 👍 4    🔁 1    💬 0    📌 0
Preview
Add Role-Based Access Control On Top Of Your REST API We built a Caddy module to control access to REST resources based on the user's role and a set of permissions.

🔐 Simplify auth in your app: Add role-based access control (RBAC) on top of your REST API

React-admin already handles client-side RBAC. But what about the backend?🤔

We’ve built a generic RBAC proxy server that reuses your RBAC roles to enforce permissions server-side.

marmelab.com/blog/2025/10...

17.10.2025 08:46 — 👍 4    🔁 1    💬 0    📌 1

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

👉 marmelab.com/ra-core/

10.10.2025 14:51 — 👍 2    🔁 0    💬 0    📌 0
Preview
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

29.09.2025 14:42 — 👍 3    🔁 2    💬 0    📌 0
Preview
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...

26.09.2025 13:13 — 👍 1    🔁 1    💬 0    📌 0
Video thumbnail

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

25.09.2025 12:39 — 👍 4    🔁 0    💬 0    📌 0
Preview
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...

19.09.2025 09:24 — 👍 2    🔁 1    💬 0    📌 0
Preview
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...

18.09.2025 14:54 — 👍 1    🔁 0    💬 0    📌 0
Post image

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

16.09.2025 12:08 — 👍 7    🔁 2    💬 1    📌 0
Preview
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...

15.09.2025 15:53 — 👍 1    🔁 0    💬 0    📌 0
Preview
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...

15.09.2025 15:53 — 👍 3    🔁 0    💬 1    📌 0
Preview
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...

15.09.2025 15:53 — 👍 3    🔁 1    💬 1    📌 0
How to change the look of your react-admin app in seconds. #programming #react
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

12.09.2025 09:35 — 👍 2    🔁 0    💬 0    📌 0
Post image

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...

11.09.2025 12:35 — 👍 1    🔁 1    💬 0    📌 0
Post image

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

10.09.2025 17:50 — 👍 15    🔁 5    💬 0    📌 0

We appreciate the feedback, thanks! :)

09.09.2025 07:32 — 👍 0    🔁 0    💬 0    📌 0
Preview
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

08.09.2025 09:06 — 👍 3    🔁 1    💬 1    📌 0
Video thumbnail

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

05.09.2025 15:21 — 👍 3    🔁 1    💬 0    📌 0

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

03.09.2025 09:40 — 👍 2    🔁 1    💬 0    📌 0
Preview
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...

03.09.2025 09:37 — 👍 2    🔁 1    💬 0    📌 1
Video thumbnail

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...

02.09.2025 09:52 — 👍 3    🔁 2    💬 0    📌 0
Video thumbnail

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...

01.09.2025 13:16 — 👍 2    🔁 2    💬 0    📌 0
Post image

🔥 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

27.08.2025 08:39 — 👍 4    🔁 0    💬 0    📌 0
Preview
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...

25.08.2025 14:39 — 👍 2    🔁 0    💬 0    📌 0

@react-admin is following 12 prominent accounts