CODEWITHSUNDEEP
javascriptreactjsreact-data-grid
David
David

Reputation: 21

React-data-grid as React beginner

I have a task to create an app that looks like this. As a javascript developer I said it is a good opportunity to learn ReactJS. I did some ReactJS tutorials and also have some basic knowledge of npm but the Getting started page isn't very talkative and I just didn't manage to make it work.

Can somebody please make a list of commands and instructions how to start from scratch without any serious knowledge of the framework, so after npm start it looks like this?

For example

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

Thank you.

Upvotes: 2

Views: 908

Answers (1)

Avi Kaminetzky
Avi Kaminetzky

Reputation: 1538

With create-react-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, read the documentation then go to the source code: http://adazzle.github.io/react-data-grid/examples.html#/basic

Paste source code into App.js, then paste the following code before your Example class: 

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

Get your server up with npm start and you are set.

Upvotes: 1

Related Questions