In index.html, you will also find references of React, jquery, and Ignite UI libraries.
After downloading the project, navigate to the directory and run the commands below:
You have executed the npm install command to install lite server (web server) dependencies, using the npm start command to run the React application. If everything is correct, you will find a React application running in the browser as shown below:
Step 1 Initialize Initial State
To initialize the grid, you may want to set values for various properties of grid such as datasource, width, row styles, etc. You can set these grid properties in the getInitialState() function. Open index.js file, and modify the getInitialState() function with the code below.
You are setting dataSource, width, and alternateRowStyles properties with the properties of the object returned from the getInitialState() function.
Navigate to the application to find the RecatJS application running with the Ignite UI grid as shown in the image below:
Step 3 Configure Columns of the Grid
In the previous step, you set autoGenerateColumns to true in order to create a grid. You can also configure selected columns from the data set to display. To do so, you must configure columns for the Ignite UI Grid by setting the autoGenerateColumns property to false and adding the columns property in the grid. Modify the IgGrid in the render() function as shown in the listing below:
Navigate to the application and you will find that a grid has been configured with the columns.