Sign in

react-admin

@react-admin.bsky.social
160 followers 12 following 182 posts

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

PostsRepliesMedia
react-admin @react-admin.bsky.social · 19/01/2026
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
021
react-admin @react-admin.bsky.social · 05/01/2026
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
010
react-admin @react-admin.bsky.social · 09/12/2025
🚨 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
021
react-admin @react-admin.bsky.social · 25/09/2025
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
040
react-admin @react-admin.bsky.social · 11/09/2025
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...
011
react-admin @react-admin.bsky.social · 05/09/2025
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
031
react-admin @react-admin.bsky.social · 01/09/2025
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...
022
react-admin @react-admin.bsky.social · 27/08/2025
🔥 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
040
react-admin @react-admin.bsky.social · 22/08/2025
🆕 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
020
react-admin @react-admin.bsky.social · 12/08/2025
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
010
react-admin @react-admin.bsky.social · 29/07/2025
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
030
react-admin @react-admin.bsky.social · 09/07/2025
🌟 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
052
react-admin @react-admin.bsky.social · 08/07/2025
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
040
react-admin @react-admin.bsky.social · 02/07/2025
🚀 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
012
react-admin @react-admin.bsky.social · 23/06/2025
✨ Introducing the new <RecordField> component! ✨ It makes it way easier to compose your views. It's especially useful for custom <Show> layouts.
130
react-admin @react-admin.bsky.social · 23/06/2025
🧵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
131
react-admin @react-admin.bsky.social · 17/06/2025
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
020
react-admin @react-admin.bsky.social · 12/06/2025
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
292
react-admin @react-admin.bsky.social · 05/06/2025
💡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...
000
react-admin @react-admin.bsky.social · 27/05/2025
💡Tip of the week: Similar to what you can do with <Datagrid>, you can also use the CSS API to style your <DatagridAG> or your <DatagridAGClient>. 🔗 marmelab.com/react-admin/... 🔗 www.ag-grid.com/react-data-g... @ag-grid.bsky.social #react #ReactAdmin #AGGrid #frontend #opensource
020
react-admin @react-admin.bsky.social · 19/05/2025
🚨 Breaking news: our friends at @appwrite.io just launched Appwrite Sites — the open-source Vercel alternative! 🎉 We’re proud to join this major launch with the react-admin x Appwrite admin template — deployable in just a few clicks. 👉 Learn more about Appwrite Sites: appwrite.io/products/sites
033
react-admin @react-admin.bsky.social · 07/05/2025
💡Tip of the week: By using <DatagridAG> or <DatagridAGClient>, you can easily customize the cell style in the columnDefs definition using cellStyle👇 🔗 www.ag-grid.com/react-data-g... @ag-grid.bsky.social
010
react-admin @react-admin.bsky.social · 05/05/2025
✏️ InPlaceEditor: a new way to edit records without leaving the screen! No need to switch views or lose context. Just click, edit, save — right from your list or detail view. Docs 👉 marmelab.com/react-admin/...
110
react-admin @react-admin.bsky.social · 30/04/2025
Looks like the react team is working on an official mcp server 👀 @react.dev 🔗 github.com/facebook/rea... #MCP #react #TechNews
100
react-admin @react-admin.bsky.social · 25/04/2025
The best part about open-source? The people. 🫶 Meet fellow devs, swap ideas, and get real support in our Discord server. 🔗 Join now: discord.gg/rUEDnkjBsd #OpenSource #DevCommunity #BuildInPublic #CodingCommunity #coding
040
react-admin @react-admin.bsky.social · 24/04/2025
Did you know it only takes 2 lines to change the look of your react-admin app?🤯 Want to see it in action? We just dropped an article showing you how to give your app a Shadcn UI makeover with our new B&W theme. Check it out & give your app a fresh look in no time!😉 🔗 marmelab.com/blog/2025/04...
043
react-admin @react-admin.bsky.social · 22/04/2025
Did you know that you can display an enumerated field in a list component like Datagrid using <SelectField>? It allows to easily map the value to a string. 🔗 marmelab.com/react-admin/... #react #reactadmin
010
react-admin @react-admin.bsky.social · 09/04/2025
Do you prefer real human connection when you need support? Join our Discord to chat with fellow react-admin users! It's THE place to be to get expert help from the community and core team. Let’s build together! 🤝 discord.gg/rUEDnkjBsd #Discord #reactjs #opensource
030
react-admin @react-admin.bsky.social · 07/04/2025
💡 Tip of the week: If you need custom pages to let your users sign-up, use the <CustomRoutes> component and set its noLayout prop. This ensures react-admin won’t check whether users are authenticated. 🔗 marmelab.com/react-admin/... #reactadmin #react #opensource
020
react-admin @react-admin.bsky.social · 01/04/2025
Drag, drop, and manage tasks effortlessly! ✨ Our new Kanban Board demo showcases a sleek, interactive dashboard built with react-admin. It's perfect for streamlining your workflow! 🚀 🔗 Try it now: marmelab.com/react-admin/... #react #kanban #webdev
042
react-admin @react-admin.bsky.social · 31/03/2025
💡Tip: The useUpdate or useCreate hooks return @tanstack/query mutation callbacks which can't be awaited. To work with a Promise instead, use the returnPromise prop. This is useful if the server changes the record & you need the updated data to update another record. marmelab.com/react-admin/...
040
react-admin @react-admin.bsky.social · 24/03/2025
🚨The next edition of our newsletter is dropping soon.🚨 Get the latest updates & insights straight from our core team. 📩 Sign up now to make sure you don't miss it: rb.gy/uez10x #reactadmin #react #OSS
021
react-admin @react-admin.bsky.social · 17/03/2025
Want to integrate @strapijs.bsky.social with @react-admin.bsky.social? You're in luck 😉 : we've just released ra-strapi, a brand new data provider for Strapi v5! 🎉 Simply follow this step-by-step tutorial to get started!👇 strapi.io/integrations... #WebDev #react #CMS
021
react-admin @react-admin.bsky.social · 10/03/2025
💡Tip of the week: If you're using ra-data-simple-rest, you can change the name of the content range header to be something else than the default Content-Range. 🔗 github.com/marmelab/rea... #react #opensource
010
react-admin @react-admin.bsky.social · 06/03/2025
Did you know you can build non-material design apps with react-admin? 👀 Check out this Todo app example using headless react-admin👇: 🔗 github.com/marmelab/rea... #react #OSS
071
react-admin @react-admin.bsky.social · 03/03/2025
Tip of the week💡: react-hook-form supports schema validation with many libraries through its resolver props. To use schema validation, use the resolver prop following react-hook-form’s resolvers documentation. Here’s an example using yup:
110
react-admin @react-admin.bsky.social · 25/02/2025
Just discovered react-scan: a tool that automatically detects performance issues in your #React app. It visually highlights component re-renders, helping you spot performance issues at a glance. Simple & effective! Great work! 👏 @aidenybai.bsky.social 🔗 github.com/aidenybai/re...
023
react-admin @react-admin.bsky.social · 24/02/2025
Tip of the week💡: You can choose to permanently filter the tree to display only a sub tree. For instance, imagine you have one employees resource with a department field, and you want to display a tree for the Finance department. Use the filter prop to filter the tree:
110
react-admin @react-admin.bsky.social · 21/02/2025
✨ Introducing <FormFillerButton>✨ A new enterprise component that leverages AI to fill out a form using an image or a camera. 📸 Check it out 👇 marmelab.com/react-admin/... #react #eeractadmin #AI #frontend
061
react-admin @react-admin.bsky.social · 20/02/2025
You asked, we delivered! 😉 Say hello to our brand-new black & white theme 🎨 — bringing a fresh and modern look to your admin interface. Its sleek and professional design makes it perfect for desktop apps. So guys, what do you think? 👀 marmelab.com/react-admin/... #react #opensource #darkmode
072
react-admin @react-admin.bsky.social · 17/02/2025
Tip of the week💡: Inside a <ReferenceArrayInput>, <AutocompleteArrayInput> calls dataProvider.getList() with a filter based on user input. By default, it uses { q: 'lorem' }, but you can customize it with the filterToQuery prop, which should return a filter object. 🔗 marmelab.com/react-admin/...
030
react-admin @react-admin.bsky.social · 13/02/2025
Exciting news: the react-admin documentation now features a "Guides & Concepts" section that should help newcomers learn the essential concepts of react-admin.💡 Even seasoned developers will learn something from these guides! 😉 🔗 marmelab.com/react-admin/... #reactadmin #react #opensource
030
react-admin @react-admin.bsky.social · 10/02/2025
💡Tip of the week: Edition forms often contain linked inputs, e.g. country & city (the choices of the latter depending on the value of the former). React-admin relies on react-hook-form for form handling. You can grab the current form values using react-hook-form’s useWatch hook. #react #opensource
010
react-admin @react-admin.bsky.social · 04/02/2025
When displaying extensive data pages, performance issues may arise. Why? We iterate over the <Datagrid> children & clone them. To mitigate this, consider using the optimized version of <Datagrid> by setting its optimized prop to true.✅ Just note that dynamic children aren't supported in this mode.
040
react-admin @react-admin.bsky.social · 29/01/2025
Did you know you can build a lot of cool things with @supabase.com + @react-admin.bsky.social? Like this fully functional CMS! 👇🏼 Learn how to build your own with minimal code in this blog post: 🔗 marmelab.com/blog/2025/01... #React #Supabase #CMS
050
react-admin @react-admin.bsky.social · 28/01/2025
New feature✨: Select All Button in Datagrid ✅ You can now apply a bulk action to all records, not just to the current page. 🔗 marmelab.com/react-admin/... #reactadmin #react #OSS
030
react-admin @react-admin.bsky.social · 27/01/2025
After upgrading a react-admin package, you might face bugs where a component can't read another's context. This is caused by 2 conflicting versions of the same package in your dependencies. To fix this: 👉Relax your npm dependencies (~ → ^) and/or 👉Run the dedupe command with your package manager.
120
react-admin @react-admin.bsky.social · 22/01/2025
New component: TextArrayInput 🆕 Lets you edit an array of strings, like a list of email addresses or a list of tags. It renders as an input where the current values are represented as chips. Users can add ➕ or delete 🗑 new values. 🔗 marmelab.com/react-admin/... #reactadmin #react #OSS
030
react-admin @react-admin.bsky.social · 20/01/2025
💡Tip of the week: Sometimes you need to render a record property but it might be cumbersome to build a component calling the useRecordContext hook.🪝 The WithRecord component might often be enough👇: #reactadmin #react #OSS
120
react-admin @react-admin.bsky.social · 13/01/2025
💡Tip of the week: Should you need quick actions that update a record, you can leverage the <UpdateButton> component. It supports undoable, optimistic & pessimistic mutation modes and will even ask users for confirmation unless you chose the undoable mode. 🔗 marmelab.com/react-admin/... #react #OSS
000