@garaio/react-data-grid

@garaio/react-data-grid ist eine fork von react-data-grid

Installation

npm install @garaio/react-data-grid

Anwendung

import DataGrid from '@garaio/react-data-grid';
import '@garaio/react-data-grid/dist/react-data-grid.css';

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' }
];

const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];

function App() {
  return (
    <DataGrid
      columns={columns}
      rows={rows}
    />
  );
}

Setup für lokale Entwicklung

• Repo https://github.com/garaio/react-data-grid in den lokalen Entwicklungsordner clonen
• im react-data-grid Ordner folgende Befehle absetzen
  • npm run prepublishOnly
  • yarn link
  • npm link ../rem2/node_modules/react (WICHTIG: damit sorgen wir dafür, dass react-data-grid dieselbe react-Version benutzt wie rem2. Macht man das nicht, gibt's ganz komische Javascript-Fehler. Siehe auch https://reactjs.org/warnings/invalid-hook-call-warning.html)
• im rem2 Ordner folgenden Befehl absetzen
  • yarn link @garaio/react-data-grid
  • yarn install --force

Wenn am react-data-grid Änderungen vorgenommen wurden, muss im entsprechenden Ordner yarn run buildausgeführt werden. Mit laufendem webpack-dev-server löst das automatisch einen reload im Browser aus und die Änderungen sind aktiv.

Wenn man den Entwicklungsmodus verlassen will, muss yarn unlink react-data-grid im rem2 Ordner ausgeführt werden, damit wieder das node module von github verlinkt wird.

Fixes oder Erweiterungen

Wenn ein von uns erstellter Bugfix oder eine Erweiterung getestet und für gut befunden wurde, muss der topic branch in garaio/development gemerged werden. Zudem soll - wenn sinnvoll - ein Pull Request erstellt werden, damit die Änderungen in react-data-grid übernommen werden können.

Neue Version releasen

• Release Branch anlegen und Tag setzen
• Neue Version im package.json eintragen
• npm login (credentials findet man am üblichen Ort 🙂)
• Im react-data-grid Ordner den Release publishen: npm publish --tag garaio --access public
• Den neuen Release in rem2 einbinden: yarn add @garaio/react-data-grid@<version>