React-data-grid как новичок в React

Question

У меня есть задача создать приложение, которое выглядит следующим образом. Как разработчик javascript, я сказал, что это хорошая возможность узнать ReactJS, Я сделал несколько ReactJS учебники, а также иметь некоторые базовые знания npm но страница "Начало работы" не очень разговорчива, и мне просто не удалось заставить ее работать.

Может кто-нибудь, пожалуйста, сделать список команд и инструкций, как начать с нуля без каких-либо серьезных знаний о структуре, поэтому после npm start это выглядит так?

Например

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

Спасибо.

Answer 1

С приложением create-реагировать:

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

Начните здесь, прочитайте документацию, затем перейдите к исходному коду: http://adazzle.github.io/react-data-grid/examples.html

Вставьте исходный код в App.js, затем вставьте следующий код перед вашим примером класса:

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

Получите ваш сервер с npm start и вы настроены