Introduction to React Components

Components are the building blocks of React applications. Each component is a self-contained piece of UI (e.g., a form, a button, or even the entire calculator interface) that can be reused and managed independently.

In React, components can be defined as JavaScript functions (functional components) or classes (class components). In this project, we will use functional components exclusively, as they are simpler for beginners and integrate well with Hooks. Our app will consist of at least two components: the main App component and a BmiCalculator component.

The App component will serve as a container, while BmiCalculator will encapsulate the BMI calculation form and logic. Structuring the UI into components makes our code more organized and easier to maintain.