Show Cases
React Admin

React-Admin

Introduction

React-admin (opens in a new tab)

The <Admin> component creates an application with its own state, routing, and controller logic. <Admin> requires only a dataProvider prop, and at least one child <Resource> to work:

LIsting exemple

<Admin
  authProvider={authProvider}
  dataProvider={UserRestProvider}
  title="MPT-c"
  dashboard={Dashboard}
>
  <Resource name="users" list={UserList} edit={UserEdit} icon={UserIcon} />
  <Resource
    name="posts"
    create={PostCreate}
    list={PostsList}
    show={ShowGuesser}
    edit={PostEdit}
    icon={LibraryBooksIcon}
  />
  <Resource
    name="questions"
    create={QuestionCreate}
    list={QuestionList}
    edit={QuestionEdit}
    icon={ReplyIcon}
  />
  <Resource
    name="inquiries"
    list={InquirysList}
    edit={InquiryEdit}
    icon={NotListedLocationIcon}
  />
  <Resource
    name="notifications"
    show={ShowGuesser}
    list={NotifList}
    edit={NotifEdit}
    icon={NotificationImportantIcon}
  />
 
  <Resource
    name="orders"
    list={OrderList}
    icon={AssignmentIcon}
    show={OrderShow}
  />
  <Resource
    name="products"
    show={ShowGuesser}
    list={ProductList}
    create={ProductCreate}
    icon={AddShoppingCartIcon}
    edit={ProductEdit}
  />
  <Resource
    name="shippingCost"
    list={ShippingCostsList}
    edit={ShippingCostsEdit}
    icon={LocalShippingIcon}
  />
  <Resource
    name="coupons"
    list={CouponList}
    edit={CouponEdit}
    create={CouponCreate}
    icon={MoneyOffIcon}
  />
</Admin>
InspirationStructure