Profile avatar
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
74 posts 120 followers 9 following
Prolific Poster
Conversation Starter

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

How to enhance #UX with Vision Language Models? Advances in #LLMs enable us to improve the UX by automating time-consuming tasks. Learn how to integrate intelligent data extraction into @react-admin.bsky.social & populate forms from images. 📸 🔗 marmelab.com/blog/2025/02...

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

Web Tools Weekly #605 - https://webtoolsweekly.com/archives/issue-605/ 🌐 Web Frameworks 🧪 Testing & Debugging Tools ✨ The Uncategorizables (misc. tools)

How to Build a CMS With React-Admin, by @thibault-barrat.bsky.social (@[email protected]):

✨ 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

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

react-admin 5.6.0 is out! 🎉 It includes: ✨ A brand new, modern black & white theme 🛠️ An improved create-react-admin CLI that supports ra-supabase 🔐 Easier <Login> page customization ✅ Support of emptyContent prop on the <ReferenceOneField> component Full changelog at👇 github.com/marmelab/rea...

🎙️ In case you missed @tkdodo.eu's talk “React Query - The Bad Parts” at @reactdayberlin.gitnation.org, he recently uploaded the slides and transcript of his talk. Definitely worth a read!👇 🔗 tkdodo.eu/blog/react-q... #ReactQuery #TanstackQuery #react

react-admin 5.5.4 has been released!🎉 This version includes a fix that allows clearing filter inputs that have a format & parse props, another for create-react-admin that ignored custom resources when choosing ra-data-fakerest & many doc updates. Full changelog at👇 github.com/marmelab/rea...

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

When your admin app is a Single Page Application, users who keep a browser tab open at all times might not use the most recent version of the app. Add <CheckForApplicationUpdate> to your layout, and react-admin will check for updates & prompt a reload when an update is available.🔄

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

Really enjoyed @tkdodo.eu’s talk “React Query - The Bad Parts”. We’ve been using React Query for years & we love it! Sure, every library has trade-offs, but this talk shows why the good far outweighs the bad! 🙌 Thanks for the great insights & amazing solution! gitnation.com/contents/rea...

💡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

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 new tutorial by @slax57.bsky.social:👇 marmelab.com/blog/2025/02... #reactadmin #react #OSS

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.

react-admin 5.5.4 has been released!🚀 This version includes a fix to make useHandleCallback work with React.StrictMode as well as several documentation updates.⚒️ Full changelog is available at 👇https://github.com/marmelab/react-admin/releases/tag/v5.5.3 #reactadmin #react #opensource

🎉 Exciting updates for react-admin enterprise modules: 👉Audit Log v5.0.1 👉Form Layout v5.6.0 👉Navigation v5.0.2 👉RBAC v6.0.1 👉Relationships v5.2.2 👉Search v5.3.0 now all support React 19 and MUI v6! 💪 react-admin-ee.marmelab.com/whats-new

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

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

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.

React-admin v5.5.1 was just released!🚀 This version includes a fix for TabbedForm and TabbedShowLayout with react-router v7, along with documentation improvements. 🔗Full changelog is available at: github.com/marmelab/rea... #react #reactadmin

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

Highly recommend checking out Atomic CRM! Built on a rock-solid tech stack: ⚛️ react-admin ⚡ @supabase.com 🎨 Material UI 🐘 Postgres 💙 @typescriptlang.org 🏝️ @tanstack.com Query ⭐️ GitHub: github.com/marmelab/ato...

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

React-admin v5.5.0 is out!🎉 Here's what's new: React-admin now works with the latest version of these major dependencies: 🔄React Router v7 🎨Material UI v6 ⚛️React 19 The create-react-admin command now creates a project with the updated dependencies so you can get started with the latest right away.

💡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

📢 Big news for React devs: @react.dev is getting its first animations API. Learn more about <ViewTransition /> in @citizenofnowhe.re's latest post, which includes live demos, copy/pasteable code, and a full examples minisite. Check it out now👇 motion.dev/blog/reacts-...

💡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

We just released react-admin v5.4.4!🚀 It includes a fix for the <ArrayInput> in strict mode and another fix for useUpdate cache in pessimistic mode. The full changelog is available at: github.com/marmelab/rea... #reactadmin #react #OSS

🆕Traversy Media's latest tutorial guides you through building a full-featured admin panel for your APIs while writing very little code using @react-admin.bsky.social. It's packed with tips, tricks, and hands-on guidance!💡 Check it out now👇 youtu.be/PyaSnpXssks?...