React-Data-Grid als React Anfänger

Question

Ich habe eine Aufgabe, um eine App zu erstellen, die wie folgt aussieht this. Als JavaScript-Entwickler habe ich gesagt, dass es eine gute Gelegenheit ist, ReactJS zu lernen. Ich habe ein paar ReactJS Tutorials und habe auch ein Grundwissen über npm aber die Getting started Seite ist nicht sehr gesprächig und ich habe es einfach nicht geschafft, es zum Laufen zu bringen.

Kann jemand bitte eine Liste von Befehlen und Anweisungen erstellen, wie man von Grund auf ohne ernsthafte Kenntnisse des Rahmens beginnt, also nach npm start sieht es aus wie this?

Zum Beispiel

cd c:\ 
md reactgrid 
cd reactgrid 
npm install react-data-grid --save 
...???... 
...edit index.js and add some code from... 
npm start 

Danke.

Answer 1

Mit create-reagieren-App:

npm install -g create-react-app 
create-react-app sample-grid 
cd sample-grid 
npm install react-data-grid 
npm install react-data-grid-addons 
npm install react-bootstrap 

Start here, lesen Sie die Dokumentation dann auf den Quellcode gehen: http://adazzle.github.io/react-data-grid/examples.html#/basic

Paste Quellcode in App.js, dann fügen Sie den folgenden Code vor Ihr Beispiel Klasse:

class App extends Component { 
    render() { 
    return (
     <div> 
     <Example /> 
     </div> 
    ); 
    } 
} 

Erhalten Sie Ihren Server mit npm start und Sie sind se t.