⇒ UI dividida em partes isoladas e reutilizáveis;

⇒ Cada parte da aplicação é um bloco isolado;

⇒ Livre de outras dependências externas;

⇒ São como funções em JavaScript;

⇒ Retornam novos elementos React;

Componentes de Função

import React from 'react';

export default const Cat = () => {
  return <Text>Hello, I am your cat!</Text>;
};
//Estou criando e exportando um component "Cat", que possui somente um texto

Componente de Classe

Componente de Classe possui um alto nível de poder dentro da aplicação, pois possuem estados states , lidam com parte lógica, herdam os ciclos de vida do React (useState, useEffect ...)

Exemplo de Component de Classe

import React, { Component } from 'react'

class Hello extends Component {
  render() {
    return <h3>Olá, {this.props.name}</h3>
  }
}