❤
npm
Sign UpSign In

@genstackio/react-admin-core
TypeScript icon, indicating that this package has built-in type declarations

0.18.53 • Public • Published

react-admin-core

Usage

ES6

package.json

{
    "...": "...",
    "dependencies": {
        "...": "...",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "react-router-dom": "^5.2.0",
        "@ohoareau/apollo-client-jwt": "^0.1.5",
        "@genstackio/react-admin-core": "^0.3.48",
        "@genstackio/react-admin-ui": "^0.8.55",
        "@genstackio/react-contexts": "^0.1.5",
        "@material-ui/core": "^4.11.4",
        "tailwindcss": "^2.2.7",
        "autoprefixer": "^10.2.6",
        "postcss": "^8.2.12",
        "postcss-import": "^14.0.2",
        "@fortawesome/fontawesome-svg-core": "^1.2.35",
        "@fortawesome/free-brands-svg-icons": "^5.15.3",
        "@fortawesome/free-regular-svg-icons": "^5.15.3",
        "@fortawesome/free-solid-svg-icons": "^5.15.3",
        "@fortawesome/react-fontawesome": "^0.1.14",
        "react-cropper": "^2.1.8",
        "react-full-screen": "^1.0.2"
    }
}

tailwind.config.js

module.exports = {
  mode: 'jit',
  purge: {
      content: [
          './src/**/*.jsx', // change to directory of your source files
          './src/**/*.js',  // change to directory of your source files
          './node_modules/@genstackio/react-admin-core/lib/**/*.js',
          './node_modules/@genstackio/react-admin-ui/lib/**/*.js',
          './node_modules/@genstackio/react-admin-contexts/lib/**/*.js',
      ],
    options: {
      safelist: {
        standard: [/^theme-/],
      }
    }
  },
  darkMode: 'class', // or 'media' or 'class'
  presets: [
    require('@genstackio/react-admin-core/tailwind.config'),
  ],
}

src/App.jsx

import '@genstackio/react-admin-core/assets/css/styles.css';
import {BaseApp, useApp} from '@genstackio/react-admin-core';

config = {}; // config

function App() {
    return <BaseApp {...useApp(config)} />;
}

export default App

Typescript + CRA

package.json

{
    "name": "admin",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "@testing-library/dom": "^7.31.2",
        "@testing-library/jest-dom": "^5.11.4",
        "@testing-library/react": "^11.1.0",
        "@testing-library/user-event": "^12.1.10",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "react-scripts": "^4.0.3",
        "web-vitals": "^0.2.4",
        "@material-ui/core": "^4.11.4",
        "tailwindcss": "npm:@tailwindcss/postcss7-compat",
        "prop-types": "^15.7.2",
        "autoprefixer": "^9.8.6",
        "postcss": "^7.0.35",
        "postcss-import": "^12.0.1",
        "typescript": "^4.3.2",
        "@types/node": "^15.12.2",
        "@types/react-dom": "^17.0.7",
        "@types/jest": "^26.0.23",
        "@craco/craco": "^6.1.2",
        "react-router-dom": "^5.2.0",
        "@types/react-router-dom": "^5.1.7",
        "@ohoareau/apollo-client-jwt": "^0.1.5",
        "@genstackio/react-admin-core": "^0.3.48",
        "@genstackio/react-admin-ui": "^0.8.41",
        "@genstackio/react-contexts": "^0.2.16",
        "@genstackio/craco-plugin-genstackio": "^0.3.1",
        "@fortawesome/fontawesome-svg-core": "^1.2.35",
        "@fortawesome/free-brands-svg-icons": "^5.15.3",
        "@fortawesome/free-regular-svg-icons": "^5.15.3",
        "@fortawesome/free-solid-svg-icons": "^5.15.3",
        "@fortawesome/react-fontawesome": "^0.1.14",
        "react-full-screen": "^1.0.2",
        "react-cropper": "^2.1.8"
    },
    "scripts": {
        "start": "craco start",
        "build": "craco build",
        "test": "craco test",
        "eject": "react-scripts eject"
    },
    "eslintConfig": {
        "extends": [
            "react-app",
            "react-app/jest"
        ]
    },
    "browserslist": {
        "production": [
            ">0.2%",
            "not dead",
            "not op_mini all"
        ],
        "development": [
            "last 1 chrome version",
            "last 1 firefox version",
            "last 1 safari version"
        ]
    }
}

tailwind.config.js

module.exports = {
  mode: 'jit',
  purge: {
      content: [
          './src/**/*.tsx',
          './src/**/*.ts',
          './node_modules/@genstackio/react-admin-core/lib/**/*.js',
          './node_modules/@genstackio/react-admin-ui/lib/**/*.js',
          './node_modules/@genstackio/react-admin-contexts/lib/**/*.js',
      ],
    options: {
      safelist: {
        standard: [/^theme-/],
      }
    }
  },
  darkMode: 'class', // or 'media' or 'class'
  presets: [
    require('@genstackio/react-admin-core/tailwind.config'),
  ],
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

craco.config.js

const genstackio = require('@genstackio/craco-plugin-genstackio');

module.exports = {
    plugins: [
        genstackio,
    ],
    style: {
        postcss: {
            plugins: [
                require('postcss-import'),
                require('tailwindcss'),
                require('autoprefixer'),
            ],
        },
    },
}

src/index.tsx

import {StrictMode} from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import reportWebVitals from './reportWebVitals';
ReactDOM.render(
    <StrictMode>
        <App />
    </StrictMode>,
    document.getElementById('root')
);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

src/App.tsx

import '@genstackio/react-admin-core/assets/css/styles.css';
import {BaseApp, useApp} from '@genstackio/react-admin-core';

const config = {}; // config

function App() {
    return <BaseApp {...useApp(config)} />;
}

export default App

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
0.18.530latest

Version History

VersionDownloads (Last 7 Days)Published
0.18.530
0.18.520
0.18.511
0.18.500
0.18.491
0.18.481
0.18.471
0.18.461
0.18.450
0.18.440
0.18.430
0.18.421
0.18.411
0.18.401
0.18.391
0.18.380
0.18.370
0.18.360
0.18.350
0.18.340
0.18.330
0.18.320
0.18.310
0.18.300
0.18.290
0.18.280
0.18.270
0.18.260
0.18.250
0.18.240
0.18.230
0.18.220
0.18.210
0.18.200
0.18.180
0.18.170
0.18.160
0.18.150
0.18.140
0.18.130
0.18.120
0.18.110
0.18.100
0.18.90
0.18.80
0.18.70
0.18.60
0.18.50
0.18.40
0.18.30
0.18.20
0.18.10
0.18.00
0.17.960
0.17.950
0.17.940
0.17.930
0.17.920
0.17.910
0.17.900
0.17.890
0.17.880
0.17.870
0.17.860
0.17.850
0.17.840
0.17.830
0.17.820
0.17.810
0.17.800
0.17.790
0.17.780
0.17.770
0.17.760
0.17.750
0.17.740
0.17.730
0.17.720
0.17.710
0.17.700
0.17.690
0.17.680
0.17.670
0.17.660
0.17.650
0.17.640
0.17.630
0.17.620
0.17.610
0.17.600
0.17.590
0.17.580
0.17.570
0.17.560
0.17.550
0.17.540
0.17.530
0.17.520
0.17.510
0.17.500
0.17.490
0.17.480
0.17.470
0.17.460
0.17.450
0.17.440
0.17.430
0.17.420
0.17.390
0.17.380
0.17.370
0.17.360
0.17.350
0.17.340
0.17.330
0.17.320
0.17.310
0.17.300
0.17.290
0.17.280
0.17.270
0.17.260
0.17.250
0.17.240
0.17.230
0.17.220
0.17.210
0.17.200
0.17.190
0.17.180
0.17.170
0.17.160
0.17.150
0.17.140
0.17.130
0.17.120
0.17.110
0.17.100
0.17.90
0.17.80
0.17.70
0.17.60
0.17.50
0.17.40
0.17.30
0.17.20
0.17.10
0.17.00
0.16.160
0.16.150
0.16.140
0.16.130
0.16.120
0.16.110
0.16.100
0.16.90
0.16.80
0.16.70
0.16.60
0.16.50
0.16.40
0.16.30
0.16.20
0.16.10
0.16.00
0.15.10
0.15.00
0.14.40
0.14.30
0.14.20
0.14.10
0.14.00
0.13.10
0.13.00
0.12.70
0.12.60
0.12.50
0.12.40
0.12.30
0.12.20
0.12.10
0.12.00
0.11.210
0.11.200
0.11.190
0.11.180
0.11.170
0.11.160
0.11.150
0.11.140
0.11.130
0.11.120
0.11.110
0.11.100
0.11.90
0.11.80
0.11.70
0.11.60
0.11.50
0.11.40
0.11.30
0.11.20
0.11.10
0.11.00
0.10.130
0.10.120
0.10.110
0.10.100
0.10.90
0.10.80
0.10.70
0.10.60
0.10.50
0.10.40
0.10.30
0.10.20
0.10.10
0.10.00
0.9.60
0.9.50
0.9.40
0.9.30
0.9.20
0.9.10
0.9.00
0.8.290
0.8.280
0.8.270
0.8.260
0.8.250
0.8.240
0.8.230
0.8.220
0.8.210
0.8.200
0.8.190
0.8.180
0.8.170
0.8.160
0.8.150
0.8.140
0.8.130
0.8.120
0.8.110
0.8.100
0.8.90
0.8.80
0.8.70
0.8.60
0.8.50
0.8.40
0.8.30
0.8.20
0.8.10
0.8.00
0.7.120
0.7.110
0.7.100
0.7.90
0.7.80
0.7.70
0.7.60
0.7.50
0.7.40
0.7.30
0.7.20
0.7.10
0.7.00
0.6.60
0.6.50
0.6.40
0.6.30
0.6.20
0.6.10
0.6.00
0.5.40
0.5.30
0.5.20
0.5.10
0.5.00
0.4.50
0.4.40
0.4.30
0.4.20
0.4.10
0.4.00
0.3.620
0.3.610
0.3.600
0.3.590
0.3.580
0.3.570
0.3.560
0.3.550
0.3.540
0.3.530
0.3.520
0.3.510
0.3.500
0.3.490
0.3.480
0.3.470
0.3.460
0.3.450
0.3.440
0.3.430
0.3.420
0.3.410
0.3.400
0.3.390
0.3.380
0.3.370
0.3.360
0.3.350
0.3.340
0.3.330
0.3.320
0.3.310
0.3.300
0.3.290
0.3.280
0.3.270
0.3.260
0.3.250
0.3.240
0.3.230
0.3.210
0.3.200
0.3.190
0.3.180
0.3.170
0.3.160
0.3.150
0.3.140
0.3.130
0.3.120
0.3.110
0.3.100
0.3.90
0.3.80
0.3.70
0.3.60
0.3.50
0.3.40
0.3.30
0.3.20
0.3.10
0.3.00
0.2.430
0.2.420
0.2.410
0.2.400
0.2.390
0.2.380
0.2.370
0.2.360
0.2.350
0.2.340
0.2.330
0.2.320
0.2.310
0.2.300
0.2.290
0.2.280
0.2.270
0.2.260
0.2.250
0.2.240
0.2.230
0.2.220
0.2.210
0.2.200
0.2.190
0.2.180
0.2.170
0.2.160
0.2.150
0.2.140
0.2.130
0.2.120
0.2.110
0.2.100
0.2.90
0.2.80
0.2.70
0.2.60
0.2.50
0.2.40
0.2.30
0.2.20
0.2.10
0.2.00
0.1.170
0.1.160
0.1.150
0.1.140
0.1.130
0.1.120
0.1.110
0.1.100
0.1.90
0.1.80
0.1.70
0.1.60
0.1.50
0.1.40
0.1.30
0.1.20
0.1.10
0.1.00

Package Sidebar

Install

npm i @genstackio/react-admin-core

Weekly Downloads

9

Version

0.18.53

License

MIT

Unpacked Size

730 kB

Total Files

357

Last publish

Collaborators

  • ohoareau
Try on RunKit
Report malware