react-admin
⚛️ React Framework for building data-driven apps over REST/GraphQL APIs, sponsored by @marmelab.bsky.social
Discord: discord.gg/N6HMQ4TEBX
- React-Admin 5.8.1 is out!🚀 This release brings a few handy fixes & improvements: ✅ <Confirm> now correctly supports simple string title & content props 🎯 Better handling of the createLabel prop for <AutocompleteInput> & <SelectInput> 📚 Docs improvements Full changelog👇 github.com/marmelab/rea...
- 💡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
- 🧵 react-admin 5.8.0 just landed — and it’s packed with goodies! 🎁 New components: DataTable & InPlaceEditor 🔐 AuthLayout: A common layout for auth related pages 🎨 Better theme support ✨ Added support for MUI v7 & Css variables ⏳ Configurable Loading timeout 🔍 Changelog: github.com/marmelab/rea...
- Looks like the react team is working on an official mcp server 👀 @react.dev 🔗 github.com/facebook/rea... #MCP #react #TechNews
- React Server Components now supported out of the box by Parcel. 🔗 parceljs.org/recipes/rsc/ #ParcelJS #react #RSC
- 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
- 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...
- 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
- React-admin 5.7.3 has been released! 🎉 It includes fixes for: ✅ ShowGuesser regarding reference arrays ✅ RichTextField handling of emptyText ✅ useInput hook regarding default values when the record field is null ➕ many doc updates Check out the full changelog at github.com/marmelab/rea... #react
- How to create a new react-admin app with @nextjs.org ? It's easier than you might think! 😉 Watch our step-by-step tutorial and get started in no time:👇 www.youtube.com/watch?v=S3eG... #nextjs #react #reactadmin
- Want to build real-world projects with react-admin?👨💻 Then check out these 2 in-depth tutorials: → React-admin Crash Course 2025: Build a CRUD interface for blog posts. 🔗 youtu.be/PyaSnpXssks?... → Learn react-admin in 30 minutes: Build a full-featured admin panel, fast! 🔗 youtu.be/vYnk_SxVJKE?...
- 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
- Want to write a data provider for react-admin? @francoisz.bsky.social walks you through the process to help you get it right. 😉 Don't miss out on his top tips & tricks! 📺 Watch now👇
- 💡 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
- React-admin 5.7.1 has been released! 🎉 This release includes: ✅ Improvements of the create-react-admin CLI ✅ A fix for <ArrayInput> that couldn't be properly reset in some cases ✅ Several doc improvements Check out the full changelog at github.com/marmelab/rea...
- Want to extend your react-admin app with custom pages? ✨ Learn how to use CustomRoutes to go beyond CRUD and add custom pages to your admin panel. 📺 Watch the tutorial now: youtu.be/aanhV-3SLtI?... #Reactadmin #reactjs #opensource #WebDev
- 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
- 💡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/...
- React-admin 5.7.0 just landed!! 🚀 This version brings: ✅A new <Translate> component ✅Support for mutationMode in useCreate ✅Ability to close notifications programmatically ✅Ability to pass empty icon to all Button components ✅Improved emptyText handling for <ChipField> github.com/marmelab/rea...
- 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?...
- 📢 Last chance! 📢 📬 Sign up now to catch our next edition: 👉 rb.gy/uez10x
- 🚨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
- 🚨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
- 🧵 2025 is off to a strong start!💪 Get the latest updates in our new blog post, which covers: 🌎 Compatibility with React 19, Material-UI 6 & React-Router 7 📋 List View: SelectAll, improved Tree component, & ListLiveUpdate 🎨 UI: new black & white theme, & LoginWithEmail marmelab.com/blog/2025/03...
- React-admin 5.6.4 is out, including: ✅A new dataProvider for @strapijs.bsky.social v5 ✅A new demo: kanban board ✅Improved compatibility with package managers, e.g. PNPM ✅Fixed support for auto focusing <AutcompleteInput>, <DateInput> & <DateTimeInput> Full changelog at👇 github.com/marmelab/rea...
- React-admin is now officially listed as a @strapijs.bsky.social integration! 🎉 We're excited to bring these two amazing open source projects together to offer even more value to our communities.🤝 Check out the integration now👇 🔗 strapi.io/integrations... #strapi #CMS #react #OSS #opensource
- 📽️ Dive into the heart of every react-admin app with our tutorial on the Admin component. Learn how to add: 🔐 Authentication 🗣️ Translation 📊 A dashboard 🎨 Themes & 📄 Custom pages Watch now👇 www.youtube.com/watch?v=StCR... #react #opensource #OSS
- 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
- Want to create an admin panel with ease? 💻 Then check out this tutorial to learn how to use @prisma.io with @react-admin.bsky.social to build powerful admin panels fast. Watch the full tutorial here👇 youtu.be/MMcRLwhmcIs?...
- 💡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
- 🎉 react-admin 5.6.2 is out, including: ✔️ A new notification in lists when users loose their network connectivity & data can't be loaded ✔️ A fix for useRedirect where it might add 2 slashes instead of 1 ✔️ A fix for helper texts that had wrong height ✔️ Many doc updates 🔗 github.com/marmelab/rea...
- 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
- Want to build a full-stack back office app quickly?👨💻 Save yourself the hassle of setting up CRUD operations by combining Blitz.js with @react-admin.bsky.social.🤝 Check out this article to see how!👇 www.apexlab.io/blog/blitz-j... #opensource #FullStack #MVP #BlitzJS #React
- 🎥 Want to set up a react-admin app in just a few minutes? ⏱️ This tutorial shows you how to use create-react-admin to bootstrap your project effortlessly. If you're looking for the fastest way to start your next admin panel, this is it! 🏎️ Watch the full tutorial here👇 buff.ly/yqlXj3a #OSS
- 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:
- React-admin 5.6.2 is out! It includes: ✅ a fix for TabbedForm when passing a custom onChange prop ✅ improved accessibility of the new black & white theme ✅a fix for the collapsed menu in the black & white theme ✅improvements for the create-react-admin CLI when using yarn github.com/marmelab/rea...
- It’s been a week since we launched our new Black & White theme!🎨 Now we’re curious… are you team Light Mode or Dark Mode? 👀 🌗 1️⃣ Team Light Mode ☀️ 2️⃣️ Team Dark Mode 🌚 📅 Ends: March 7, 2025, 12:00 PM UTC 📊 Show results
- 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...
- 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:
- React-admin 5.6.1 is out! 🚀 This version includes several fixes, including ✅ for create-react-admin that did not auto-detect the package manager correctly ✅ for the onBlur callback for <NumberInput> & <AutocompleteInput> to include the event ✅ several documentation fixes github.com/marmelab/rea...
