git404hub

what is react-admin fr?

yezihaohao/react-admin — explained in plain English

Analysis updated 2026-06-24

6,752TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

tl;dr

A ready-made admin dashboard template for web apps built with React, TypeScript, and Ant Design, includes pre-wired tables, forms, charts, login, and a drag-and-drop canvas to jump-start back-office tools.

vibe map

mindmap
  root((react-admin))
    Pre-built screens
      Home dashboard
      Login page
      Data tables
      Forms
    UI components
      Charts
      Rich text editor
      Drag and drop
      Notifications
    Tech stack
      React
      TypeScript
      Ant Design
      Redux
    Data
      Axios HTTP
      Two chart libs
      GitHub OAuth

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Clone as a starting point for an internal admin panel or back-office web app.

VIBE 2

Use the pre-built table and form screens to speed up building a data management interface.

VIBE 3

Adapt the login page with GitHub OAuth and role-based routing for a team management tool.

VIBE 4

Study how Ant Design components like carousels, tabs, and rich text editors integrate into a React project.

what's the stack?

TypeScriptReactAnt DesignReduxAxiosYarn

how it stacks up fr

yezihaohao/react-adminmasscodeio/masscodeabhivaikar/howtheytest
Stars6,7526,7596,763
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasyeasy
Complexity2/51/51/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Documentation is in Chinese, clone, run yarn install, then yarn start to get a local dev server running.

MIT-licensed, use freely for any purpose, including commercial projects.

in plain english

This repository is a pre-built admin dashboard template for web applications, written in TypeScript using React and a UI component library called Ant Design. The README is written primarily in Chinese, and the project appears aimed at developers who want a ready-made starting point for building internal tools, management interfaces, or back-office web applications. The template includes a wide set of pre-wired screens and components: a home dashboard with a full layout, a top navigation bar with collapse and fullscreen controls, a left sidebar menu with scrolling support, UI elements such as buttons, icons, carousels, notifications, tabs, a rich text editor, and a drag-and-drop canvas. It also includes animation demos, basic and advanced data tables, forms, and chart sections using two different charting libraries. There is a login page with GitHub third-party sign-in, plus a 404 error page. For data communication, the project uses Axios, a library that handles HTTP requests in the browser. For state management it includes Redux, though the README notes this is used mainly for permission control and could be replaced with React's own context API in newer versions of React. Charts are handled by two separate libraries, and the README candidly notes one of them is not as good as the other. The project was bootstrapped with Create React App and uses Yarn for package management. Starting it locally requires cloning the repository, running the install command, and then running the start command. The README includes a short Q&A section covering common setup questions such as how to handle cross-origin API issues during development and how to add IE browser compatibility. The README is written in Chinese, and the documentation beyond the README lives in a separate wiki on GitHub. The project is MIT-licensed and open to contributions.

prompts (copy fr)

prompt 1
I am using the yezihaohao/react-admin template. Help me add a new page with a filterable data table and an edit form connected to my own REST API.
prompt 2
Using this React admin template, show me how to replace the Redux permission system with React Context for simpler state management.
prompt 3
Help me configure the Axios proxy in this Create React App project to avoid CORS errors when calling my backend API during development.
prompt 4
I want to add a real-time notification badge to the top nav bar in this admin template, show me how to wire it up with Ant Design components.

Frequently asked questions

what is react-admin fr?

A ready-made admin dashboard template for web apps built with React, TypeScript, and Ant Design, includes pre-wired tables, forms, charts, login, and a drag-and-drop canvas to jump-start back-office tools.

What language is react-admin written in?

Mainly TypeScript. The stack also includes TypeScript, React, Ant Design.

What license does react-admin use?

MIT-licensed, use freely for any purpose, including commercial projects.

How hard is react-admin to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is react-admin for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.