React Admin

React-Admin Doc

// App.js

import React from 'react'
import { Admin, Resource} from 'react-admin' 
import jsonServerProvider from 'ra-data-json-server'
import postLists from './postLists'

const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com')

function App() {
  return (
    <Admin dataProvider={dataProvider}>
      <Resource name='posts' list={postLists} />
    </Admin>
  );
}

export default App;

1) List

// postLists.js

import React from 'react'
import { List, Datagrid, TextField } from 'react-admin'

function postLists(props) {
    return (
        <List {...props}>
            <Datagrid>
                <TextField source='userId'/>
                <TextField source='id'/>
                <TextField source='title'/>
                <TextField source='body'/>
            </Datagrid>
        </List>
    )
}

export default postLists