React-data-grid as React beginner

Question

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.

What code have you tried so far?

Mike
– Mike

2017-06-21 08:13:35 +00:00
Commented Jun 21, 2017 at 8:13 — Mike
– Mike, Commented Jun 21, 2017 at 8:13

Avi Kaminetzky · Accepted Answer · 2017-09-14 15:36:35Z

1

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.

answered Sep 14, 2017 at 15:36

Avi Kaminetzky

1,5382 gold badges21 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React-data-grid as React beginner

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related