Working with AG Grid

AG Grid (https://www.ag-grid.com/) is a flexible grid component for React apps. It has many useful features, such as filtering, sorting, and pivoting. We will use the community version, which is free to use (Massachusetts Institute of Technology (MIT) license).

Let's use the GitHub REST API app that we created in Chapter 8, Consuming the REST API with React. Proceed as follows:

1. To install the ag-grid community component, open PowerShell and move to the restgithub folder, which is the root folder of the app. Install the component by typing the following command:

      npm install ag-grid-community ag-grid-react

2. Open the App.js file with Visual Studio Code (VS Code) and remove the table element inside the return statement. The App.js file should now look like this:

   import React, { useState } from 'react';
   import './App.css';
   function App() {
     const [keyword, setKeyword] = useState('');
    ...