Setting up the project environment

React.js is used for the project, and to set up the React app, we will use the create-react-app package to automatically generate a frontend build pipeline for us. But first, make sure you have Node.js and npm installed in order to use npx, a package runner tool that comes with npm 5.2+.

Before we dive into setting up our environment, here are the tools needed and that will be installed in this chapter:

• React.js: A JavaScript framework for building the UI
• Draggable: A drag-and-drop library that makes it possible to move HTML elements around
• React-chart-js: A React library for chart components
• React-table-v6: A React library for displaying tables

The following are some alternatives to the preceding tools:

• Vue.js: A JavaScript library for building the UI
• rechart.js: A composable charting library built on React.js
• Material-table: A data table for React based on material-UI

To create a React app pipeline...