Structuring and designing the app

React.js has some core philosophy of app design, which is mostly about breaking up the UI into a component hierarchy, and also one of the ideas is to identify where your state should live.

In this section, we will see how to design the structure of our no-code app with React.js and also consider the React philosophy of app design. With this principle, we will find it easy to implement a basic UI in React.

First, let's understand what a no-code environment is and what we want to achieve with it. The no-code environment is used to make data handling and analysis easier with just the click of a few buttons.

We will create a platform where users can upload their data, perform analysis, and do what they do with code, such as the following:

• DataFrame-to-DataFrame operations such as concat
• Arithmetic operations such as cummax and cumsum
• Querying to filter out a DataFrame by a column value
• Describing a DataFrame

We...