react-admin

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

Looking for a fast way to add a Kanban board to your React app?

React-admin got you covered!

Try the demo 👉 marmelab.com/react-admin/...

#reactjs #devtools #kanban

YouTube video by react-admin The List Component in React-Admin

Want to master the List component in react-admin? 📄

This YouTube tutorial gives you a full walkthrough of its usage and main props.

Watch now 👇
youtu.be/NNNPPmEMz6s?...

#opensource #react #YouTube

react-admin is an open source project which helps to simplify building out admin panels and dashboard. Prisma can be paired with it as a datasource to power ... Build an Easy Admin Panel with react-admin and Prisma

Prisma 🤝 React-admin

Check out how you can use @prisma.io Postgres in your react-admin app as a datasource.

@ryanchenkie.com walks you through all you need to know to get your app off the ground👇

🔗 youtu.be/MMcRLwhmcIs?...

#prisma #react #opensource #OSS

Explore the Edit component features and props in this tutorial by François Zaninotto, one of the core developers of react-admin.To go further: https://marmel... The Edit Component in React-Admin

🎬 Check out our tutorial on the edit component👇

youtu.be/FTSSwE6Ks4c?...

Which tutorial would you like to see next❓

#reactadmin #react #opensource #OSS

Shadcn Admin Kit Powerful open-source shadcn blocks to build beautiful internal tools, admin panels, and dashboards with React.

Our newest open-source project Shadcn Admin Kit now has a website! 💻

Check it out and let us know what you think 👇

marmelab.com/shadcn-admin...

React-admin provides special guessers to scaffold an app on top of a Supabase server. Discover how to start a new react-admin project with Supabase in this t... React-admin and Supabase

@supabase.com 🤝 @react-admin.bsky.social

React-admin is designed to help you get the most out of Supabase:

✅ Scaffold a complete admin app directly on top of a Supabase server
✅ Leverage all of Supabase's core features effortlessly

Watch the tutorial now👇
youtu.be/zV-Ty7VeIvo?...
#supabase

YouTube video by react-admin Using the ListGuesser to Scaffold a List View in React-Admin

📽️ Want to build a List view in no time?

Check out this tutorial to see how you can leverage ListGuesser for quick & easy List view setups. 👇

🔗 www.youtube.com/watch?v=zImW...

#reactadmin #react #opensource #OSS

🌟 We’ve just hit 26K stars on GitHub! 🌟

A huge thank you to our amazing community for your support, contributions and trust in react-admin!

Want to connect with other react-admin users? Join our Discord community: 👉 discord.gg/nGBUNsbseV

Let’s keep building together! 🚀

#opensource #reactjs

Screenshot of the repository

React-admin: build admin panels for data apps using React and your API

Thanks to all of you, we’re only 5 stars away from 26k on GitHub! 🤯

If react-admin helped you ship faster, show some love and ⭐ us to help us reach this milestone👇

🔗 github.com/marmelab/rea...

Let’s cross 26k together! 🕺

#reactadmin #reactjs #opensource

Release 5.9.1 · marmelab/react-admin Fix <Datagrid> empty throws error when used in standalone mode (#10812) (fzaninotto) Fix <DataTable> does not allow to put a button in the column's header (#10802) (slax57) [Doc] Add link to storyb...

React-admin 5.9.1 is out! 🎉

This release contains the following fixes:
✅ <DataTable> doesn't allow to put a button in the column's header
✅<Datagrid> empty throws error when used in standalone mode

It also contains several doc improvements.

👉 Full changelog at github.com/marmelab/rea...

🚀 Introducing the react-admin x @appwrite.io admin template!

✅ CRUD, auth & more out of the box
✅ Easy deployment with Appwrite Sites
✅ Fully open-source

Everything you need—from code to live site—is now possible under one roof. 🏠

Build fast, deploy faster!⚡

More info: appwrite.io/products/sites

YouTube video by react-admin The DataTable Component

🆕 New video!

We've recently introduced <DataTable> — the powerful new go-to component for rendering tables in react-admin. 💪

📹 And we just dropped a short tutorial to show you how to make the most of it!

👉 Watch now: youtu.be/IHjBd9WrVcI?...

#react #ReactAdmin #frontend #opensource

YouTube video by react-admin The DataTable Component

👀 Still using <Datagrid>?

Time to upgrade! 😉

Check out our latest YouTube tutorial on <DataTable>, the powerful new component for rendering tables in react-admin. 💪

📲 Watch now: youtu.be/IHjBd9WrVcI?...

#React #OSS #Frontend

Release 5.9.0 · marmelab/react-admin Add support for customization with MUI theme to inputs (#10772) (Madeorsk) Add support for customization with MUI theme to main views components and buttons (#10771) (Madeorsk) Add support for cust...

And as always, v5.9.0 includes various bug fixes & documentation updates to keep your dev experience smooth 🛠️

📜 Check out the full changelog here:
👉 github.com/marmelab/rea...

#reactadmin #reactjs

🚀 Translation just got an upgrade! 🚀

You can now opt for a resource specific translations by following a key naming convention.

It works with:
✅ Page titles
✅ Buttons
✅ Confirmation dialogs
✅ …and more!

✨ Introducing the new <RecordField> component! ✨

It makes it way easier to compose your views. It's especially useful for custom <Show> layouts.

🧵React-admin v5.9.0 is out! 🕺

This release brings even more customization powers to your admin. How? Let's break it down👇

You can now set default props & styles for many components in the Material UI theme! This includes:
✅ Inputs & Fields
✅ The main views like <List>,<Edit>,<Show>,<Create>
& more

Do you plan on using shadcn to build your next admin app?

Try shadcn-admin-kit, the new open-source #React framework for admins SPAs.

It's powered by shadcn ui, Tailwind CSS, React, TypeScript, react-hook-form, TanStack Query, react-router, and react-admin!

github.com/marmelab/sha...

If you're looking to spin up a CRUD admin fast, react-admin is another solid option. Built-in auth, filtering, and customizable UI & more out of the box 👌 #buildinpublic

Joined for the support, stayed for the community. ❤️

Whether you’re a react-admin beginner or a pro, our Discord is the place to be. Let’s build together!

🔗 Join now: discord.gg/rUEDnkjBsd

#react #opensource #frontend #backend

@selfh.st

What are your favorite dev newsletters?👀🗞️

Some of my personal favs are:
👉 selfh.st
👉 This Week in React by @sebastienlorber.com
👉 @joshwcomeau.com's newsletter

Speaking of newsletters…

The next react-admin newsletter is dropping soon! 🎉

📩 Sign up now to make sure you don’t miss it: rb.gy/uez10x

Release v5.8.4 · marmelab/react-admin We added a codemod to migrate Datagrid to DataTable (#10762) (erwanMarmelab) Replace Datagrid by DataTable in Guessers (#10754) (erwanMarmelab) Fix <DataTable> crashes when its data is not a React...

React-admin 5.8.4 is out! 🎉

Fixes in this release:
✅<SaveButton> is no longer disabled when cloning a record
✅<DataTable> no longer crashes when one of its cells data is not a React primitive
✅The guessers now suggest & use the <DataTable> component instead of <Datagrid>

github.com/marmelab/rea...

💡Tip of the week: You can add custom CSS classes to any column or cell in DatagridAG or DatagridAGClient, using the cellClass or cellClassRules keys of columnDefs.

🔗 www.ag-grid.com/react-data-g...

React Paris 2025 : De l'importance des utilisateurs (et des développeurs) Marmelab était à React Paris. Voici ce que nous y avons appris. Le thème principal de la majorité des conférences concernait l'expérience utilisateur ou l'expérience développeur et c'était passionnant

How do you make an AI chatbot feel as fast as instant search?⚡

At #ReactParis, @tej.as ‬showed us how:
👉 Keep a streaming connection with the OpenAI API
👉 Parse the response as it’s being generated
👉 Display it progressively on the UI

The result? Fast UX from the jump!
marmelab.com/blog/2025/05...