Introdução

Google ReCaptcha é um serviço essencial para proteger aplicações web contra spam, bots e abuso. No React, podemos implementá-lo facilmente usando bibliotecas especializadas para cada versão. Nesta documentação, criada por Andrés Hernández.

O que você vai aprender sobre ReCaptcha V2?

  • Como integrar o componente checkbox "Não sou um robô" nos seus formulários.
  • Implementação do desafio visual com imagens.
  • Configuração básica e verificação do token.
  • Exemplo prático para proteger um formulário de contato.
  • Uso do pacote google-react-recaptcha-v2.

O que você vai aprender sobre ReCaptcha V3?

  • Instalação e configuração inicial da biblioteca.
  • Uso do hook useRecaptcha e suas opções de configuração.
  • Implementação com TypeScript e todas as suas interfaces.
  • Configurações avançadas: Trusted Types, CSP e multi-idioma.
  • API completa: serviços, utilitários e constantes predefinidas.
  • Gestão de erros comuns e estratégias de recuperação.
  • Exemplos práticos: formulários de contato, checkout e analytics.