[Dúvida] Motivo do uso do Arrow Function em BaseComponents.

Oi Thiago, tudo bem?

A diferença entre a arrow function e a function padrão não é apenas sintática, mas também de comportamento.

As arrow functions foram introduzidas no ES6 com algumas diferenças-chave em relação às funções normais:

1. Sintaxe mais curta: As arrow functions têm uma sintaxe mais curta quando comparadas às funções normais.

Por exemplo, uma função normal seria:

function minhaFuncao(a, b) {
  return a + b;
}

A mesma função como uma arrow function seria:

const minhaFuncao = (a, b) => a + b;

1. Nas arrow functions, o valor de "this" é determinado pelo contexto de execução da função onde foi definida, não onde é usada. Em funções normais, o "this" é determinado por como a função é chamada.

No caso do seu código, a escolha entre arrow function e function padrão pode não fazer muita diferença. No entanto, se você estiver trabalhando com funções que usam "this", a escolha entre arrow function e function padrão pode ser crucial.

No caso do BaseComponents, a arrow function foi usada para retornar o JSX provavelmente por sua sintaxe mais curta e clara. No caso do HomeScreen, a function padrão pode ter sido usada por uma questão de estilo de programação do autor ou por necessidade de usar "this" de uma certa maneira.

Um abraço e bons estudos.