Functional Components

Functional components are plain JavaScript functions that return React elements (JSX) describing the UI. They serve as the primary building blocks of modern React applications.

On every re-render, the entire function executes top-to-bottom. React provides Hooks to attach behaviors, hold state, and control when specific logic needs to be processed across executions.

export const MyComponent = () => {
    return (
        <h1>Hello World!</h1>
    );
};