Uma aplicação React é construída a partir de componentes. Um componente é uma parte reutilizável da interface do usuário que controla o que aparece na tela. Em vez de construir uma página inteira como um único bloco grande, o React incentiva a divisão da interface em partes menores. Cada parte é responsável por uma seção específica da interface, como um cabeçalho, um botão ou uma mensagem.

No React, os componentes são escritos em JavaScript e definidos como funções. Cada componente retorna uma descrição do que deve aparecer na tela, e o React se encarrega de exibi-lo.

Os componentes tornam as interfaces mais fáceis de entender e manter. Quando a interface cresce, os componentes ajudam a organizar o código, reutilizar lógica e evitar repetições. Abaixo está um exemplo simples de um componente React:

function Welcome() {
  return <h1>Welcome to React</h1>;
}

Este é um componente React chamado Welcome. Ele retorna um elemento de interface que o React pode renderizar na tela. Não é necessário entender a sintaxe neste momento. Este exemplo está aqui para mostrar como é um componente em um nível geral.