JSPM

@ra-libs/react

This Package uses semantic-release to publish new versions. Check Angular Commit Message Conventions for new commits

Installation

Run npm install

npm install @ra-libs/react

Components

ResponsiveDatagrid

A component to render SimpleList or Datagrid based on screen size.

      <ResponsiveDatagrid
        primaryText={(record) => `${record.firstName} ${record.lastName}`}
        secondaryText={(record) => `${record.company}`}
      >
        <TextField source="firstName" />
        <TextField source="lastName" />
        <TextField source="company" />
      </ResponsiveDatagrid>

Datagrid

Datagrid component with bulkActionButtons false by default

Hooks

useScreenSize

Hook that uses material ui useMediaQuery to check if screen isSmall or isXsmall

    const { isSmall, isXSmall } = useScreenSize()

Services

raDataRestProvider

it uses ra-data-simple-rest provider and intercepts react-admin requests to transform to formData when it has any file in the request body.

import { raDataRestProvider } from '@ra-libs/react';

<Admin
    dataProvider={raDataRestProvider('<API_URL>')}
>
    ...
</Admin>

LocalSession

a customized sessionStoage class that uses cookies when sessionStorage not available.

import { LocalSession } from '@ra-libs/react'


// Set session key-value
LocalSession.set("key", "value");

// Get session key
LocalSession.get("key");

// Check if key exists
LocalSession.check("key");

HttpRequest

a customized axios class

import { HttpRequest } from '@ra-libs/react';

// Get
const results = await HttpRequest.get('<URL>')