Quais são os dois principais tipos de componentes no React?

Existem dois tipos principais de componentes no React:

1. Componentes Funcionais (Functional Components) — são funções que aceitam props e retornam JSX. São mais simples e leves, especialmente com o surgimento dos hooks, que permitem usar estado e outras funcionalidades do React.

2. Componentes de Classe (Class Components) — são classes ES6 que herdam de React.Component e possuem métodos de ciclo de vida, estado (state) e outras capacidades.

Exemplo de um componente funcional:

function Greeting(props) {
  return <h1>Olá, {props.name}!</h1>;
}

Exemplo de um componente de classe:

class Greeting extends React.Component {
  render() {
    return <h1>Olá, {this.props.name}!</h1>;
  }
}