Who is using react-admin?

[fzaninotto]

We have the impression that react-admin is widely used in production. We don't have any tracker to tell us who - we don't like trackers. But the popularity of the repository (10,000 stars), the activity of the issue / PR tracker (about 4 issues and 4 PRs per day), the number of npm downloads (20,000 per week), and the companies who contact us directly (about 2 every week) let us think that you guys are not just reading the documentation because it's funny.

We'd love to advertise some well-known company names in the react-admin landing page. That'd be a good sign for other enterprise customers who benchmark libraries, and would probably accelerate the growth of the react-admin user base.

This issue is more of a poll. If you're using react-admin in production, and you accept that we name your company as a react-admin user in the public website, please add a comment with your company name, and a brief description of the app you built. If you can join a screenshot or a public URL, we'd be delighted!

If you're the CTO of such a well-known company, would you accept that we publish a citation from you explaining how react-admin helped you solve the needs you had? If so, please post a comment with your name, title, company, and avatar.

Thanks in advance for your support!

[anthonycmain]

Hi Francois,

We've embedded React Admin in the backend solution of the 4th iteration app framework. Its currently included in 12 projects in various states of deployment (of which most will be going live very soon).

We have a high profile project currently in progress which will feature it that we intend to use as a priority case study for our platform as a whole which I'd be happy to discuss.

P.S We are about to undertake a major refactor in the next few weeks and are hoping v3 will be ready in time :D (no pressure!!)

Anthony (Managing Director) https://thedistance.co.uk

[fzaninotto]

@anthonycmain Thanks! Sounds like you're a pretty advanced user already. Could you please share the details here, as our intention is to use them publicly?

As for v3, it was released a few days ago.

[loicgymlib]

Hi François,

We've been using React-Admin since August and are pretty happy with it mainly for the ease to set it up and GraphQL out of the box.

We included React-Admin in two major projets in Gymlib:

• Backoffice for internal management (Version 2.9.1)
• Partnership Dashboard (Version 2.9.1)

Additional projects may be added soon as version 3 looks pretty nice. We are working on upgrade to version 3 which looks very promising ! (Nice job)

I would be happy to provide screenshots and help you promote React-Admin of course.

Loïc Monthorin (CTO) https://gymlib.com

[fzaninotto]

@loicgymlib nice! Feel free to amend your comment with one or two screenshots if you accept that they can be published later.

[gomcodoctor]

I am using it in all my projects.. awesome work.. Thanks

[Oupsla]

Hello François,

We are using react-admin as a internal tool/backoffice since more than 1 year. Before that our team was using slack commands to retrieve users/organisations/... This backoffice is used everyday by nearly everyone in the company (support, developper, accounting, ...) and has been working really really great, cause of the simplicity of use, the performance, ...

From a developper view, react-admin has highly speed up the development of our internal tooling (with graphql also) and we can build simple, as expert, interfaces for the rest of the team to communicate with our business database. (As they are sensitive data in this tooling, I can't make a screenshot ...)

We have already upgraded to react-admin v3 and it is so nice to see all those enhancements from v2 (we also contribute to the project when we can 😄)

We are also planning to use it to make a partner dashboard.

Thanks for all the good work 👍

Developer @Sencrop (https://sencrop.com/)

(PS: @loicgymlib gymlib looks awesome, I'll maybe give the link to my RH 😄)

[wmwart]

Hello Francois,

My company is involved in projects in the automation gas industry. As an experiment, we decided to try using React-admin as a business process managment portal inside the company. And we liked it! Since then, throughout the year we have implemented a commercial portal for our customers. Now we are starting a new project and I am already testing React-admin of version 3 for its implementation.

Switching to stack React-admin - NodeJS - GraphQL allowed us to create working prototypes of applications in a matter of days!

I thank the React-admin team for such a wonderful product

Shmygarev Artem Senior developer, Axitech https://axitech.ru/

[tony-shannon]

hi Francois,

As you know we are using React Admin for the last year as the basis of our open source UX/UI framework in healthcare, aka PulseTile.

We started off some time ago with AngularJS, then as React was gaining momentum we made the switch to ReactJS. We are very keen on reusable patterns at the UX level , which led us to Material.io, then material-ui and so we found React Admin. The development team involved have been very impressed by the React Admin framework and it has been capable of handling the complex challenges we have had for it thusfar.

See screenshot and screencast here and would be happy to do a blog article with you / for you.

In case you missed my earlier brief article from last year. https://frectal.com/2018/12/20/material-io-and-react-admin/

Would be glad to hear from anyone else interested in great UX & open source in healthcare.

Thanks to Francois & the team at Marmelab for their leadership in this field and their important values , sharing their great work with the world as open source.

thanks again Tony Shannon Director, Ripple Foundation https://ripple.foundation/

[cpursley]

Good stuff. It would also be great to see a list of blog posts / articles on how folks are customizing react-admin (i.e., map integrations, charts, other custom components, etc).

[digitalbase]

Hello François,

We are using react-admin as an admin tool. It's the only UI for all admin related tasks: create new customers, fix user account issues, clean up data, trigger sync tasks or and fix/correct billing details. About 20 staffers use react-admin daily.

React-admin itself talks to our own admin api. It's authenticating against google auth + our own authentication layer. The admin api is in symfony on top of propel/postgres. All very familiar to you :-)

Have not upgraded yet, will do in the next weeks.

Thanks for this awesome library 👍

CTO @prezly (https://www.prezly.com/)

[nicgirault]

We use react-admin to help the customer support team to fulfill customer requests and to create and maintain the editorial content of our reading exercises.

Nicolas Girault, CTO of Lalilo, you can use my github picture as avatar (feel free to cut, rephrase or take the parts you like): React-admin is simpler to setup and more customizable than forest admin. Support is great, documentation is rich of examples and explain well the philosophy of the library. Our back-office is highly evolutive, cheap, and we don't spend time developing it thanks to the react-admin team.

[girishk55]

Hi, I am trying to implement react-admin theme for my new project but if found that notification (bell) icon doesn't appear on even i have included notification tag.

code for Layout.tsx is as below

import React from 'react'; import { useSelector } from 'react-redux'; import { Layout, Sidebar } from 'react-admin'; import AppBar from './AppBar'; import Menu from './Menu'; import MainNotification from './MainNotification'; import { darkTheme, lightTheme } from './themes'; import { AppState } from '../types';

const CustomSidebar = (props: any) => <Sidebar {...props} size={200} />;

export default (props: any) => { const theme = useSelector((state: AppState) => state.theme === 'dark' ? darkTheme : lightTheme ); return ( <Layout {...props} appBar={AppBar} sidebar={CustomSidebar} menu={Menu} notification={MainNotification} theme={theme} /> ); };

....................... MainNotification.tsx file is as below ................ import React, { useState, useEffect, useCallback } from 'react'; import PropTypes from 'prop-types'; import { useSelector, useDispatch, Omit } from 'react-redux'; import Snackbar, { SnackbarProps } from '@material-ui/core/Snackbar'; import Button from '@material-ui/core/Button'; import { makeStyles, Theme } from '@material-ui/core/styles'; import classnames from 'classnames';

import { hideNotification, getNotification, undo, complete, undoableEventEmitter, useTranslate, } from 'ra-core';

interface Props { type?: string; }

const useStyles = makeStyles( (theme: Theme) => ({ error: { backgroundColor: theme.palette.error.dark, color: theme.palette.error.contrastText, }, warning: { backgroundColor: theme.palette.error.light, color: theme.palette.error.contrastText, }, undo: { color: theme.palette.primary.light, }, }), { name: 'RaNotification' } );

const MainNotification: React.FunctionComponent< Props & Omit<SnackbarProps, 'open'> > = ({ type, className, autoHideDuration, ...rest }) => { const [open, setOpen] = useState(false); const notification = useSelector(getNotification); const dispatch = useDispatch(); const translate = useTranslate(); const styles = useStyles({});

    useEffect(() => {
        setOpen(!!notification);
    }, [notification]);

    const handleRequestClose = useCallback(() => {
        setOpen(false);
    }, [setOpen]);

    const handleExited = useCallback(() => {
        if (notification && notification.undoable) {
            dispatch(complete());
            undoableEventEmitter.emit('end', { isUndo: false });
        }
        dispatch(hideNotification());
    }, [dispatch, notification]);

    const handleUndo = useCallback(() => {
        dispatch(undo());
        undoableEventEmitter.emit('end', { isUndo: true });
    }, [dispatch]);

    return (
        <Snackbar
            open={open}
            message={
                notification &&
                notification.message &&
                translate(notification.message, notification.messageArgs)
            }
            autoHideDuration={
                (notification && notification.autoHideDuration) ||
                autoHideDuration
            }
            disableWindowBlurListener={notification && notification.undoable}
            onExited={handleExited}
            onClose={handleRequestClose}
            ContentProps={{
                className: classnames(
                    className
                ),
            }}
            action={
                notification && notification.undoable ? (
                    <Button
                        color="primary"
                        className={styles.undo}
                        size="small"
                        onClick={handleUndo}
                    >
                        {translate('ra.action.undo')}
                    </Button>
                ) : null
            }
            {...rest}
        />
    );
};

MainNotification.propTypes = { type: PropTypes.string, };

MainNotification.defaultProps = { type: 'info', autoHideDuration: 4000, };

export default MainNotification;

Please let me know what wrong is here.

[guilleironhack]

Hey!

We are using react-admin as out backoffice product for employees in Ironhack

It has allowed us to quickly create and evolve a powerful tool that otherwise would have taken months of time and effort to develop.

Thanks for the great work!

[madeadi]

Hi.

I will share my experience and screenshot in the next 2 months. Based on the documentation, this project will help us a lot.

I stumbled upon this repo while searching for a template for admin dashboard for a RESTful project. Previously, we've used CoreUI, and sometimes we code ourselves.

[jereef]

Hi François,

We are using react-admin in some of our products since last year. In the last projects we use React Admin v2 and the new projects we are using React Admin v3.

We are integrating it with our stack in NodeJS and FeathersJS.

If you need, we will send you screenshot of the products in which we use react-admin.

Thank you to all for this awesome work.

Developer, Jeremias Fernandez www.proyectowow.com.ar

[fzaninotto]

@jereef Thanks! Please post screenshots in comments in this discussion.

[RoBYCoNTe]

Hi, we are using react-admin for most of our new projects. We started using it in august 2019 and right now we have 3 active software using RA as frontend and one of our products using it in production.

Our biggest project is an IoT dashboard (to configure and monitor devices) written using your amazing Framework.

Thanks for the great work you've done with this project!

Roberto Conte Rosito Software Architect, Informatica, Tecnologie e Servizi S.r.l. https://www.its.engineering

[cpursley]

@RoBYCoNTe ~ with the first screenshot, are you using the RA filters to filter the graphs?

[RoBYCoNTe]

@cpursley no, I’ve built custom filters component. The shown page was configured using custom routes.

[fzaninotto]

@Kmaschta found that Sony seems to be using react-admin in one of their open-source projects: https://github.com/sony/nmos-js

[Kmaschta]

Yep! I parsed all the library dependents. You can download the list from here: react-admin-dependents.txt

[leonidasv]

We are using React-Admin in production at Loggi for internal management tools and it has been a delight. We introduced it for a new application some months ago and the success got other projects considering using it.

Loggi is a Brazilian logistics startup and was promoted to unicorn 🦄 last year.

PS: the "fake" quotations in the homepage almost made us overlook RA as a viable option. I think it's time to replace it with real ones provided in this issue 😅

[Eduardogbg]

At Mettzer we have a text meta-indexing tool for Academic Research Funding that uses React Admin v2.

Screenshot

[ashveen]

Hi Francois,

We produce livestream and in-person events with audio recordings and VOD as add-ons.

We use react-admin for back-office order/customer management and reporting (totals, drill-down etc). It is mostly used by the help desk staff.

It was a straight-forward addition to the backend and we've being using it since 05/2019. The only customization was for authentication using AWS Cognito. We love the simplicity and flexibility to customize at will.

Ashveen Bucktowar IT Director, Wisdom Productions wp.mangalashribhuti.org

[jkolyer]

I just found this and have to congratulate your team on an outstanding product. Really love the turnkey functionality, clean interfaces, and quality design. Exactly what I was looking for to bootstrap my project. Excited to work with this.

[mdaguerre]

Today the login page was showing a Police in the background, what a bad idea to load a random image.

[TheRussianBot]

@mdaguerre I think you're looking for Twitter, this is GitHub.

Caveat emptor:

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

[DjebbZ]

Hello,

We're Ubisoft (the Ubisoft Paris studio) and we're using react-admin for an internal back-office to operate our games once they're live: sending messages to players, sending them rewards for events and compensation when there's bug in the game, manage the in-game shop (including in-app purchases) and other stuff. Super happy with react-admin and the way it's managed, and really looking forward to see it getting better.

[kumarldh]

Hey everyone, FNP is a leader in gifting domain. The new avatar of FNP tech is about to launch "backend of backends" using ReactAdmin. In fact, the team is trying to make use of micro front end app pattern to further improve the FE tech stack.

[albertincx]

Carpool and car sharing like service Currently in development!

Site - https://web.route.cab Telegram Bot - routecab Github Open source