Todos

Mini Projetos

Resolução do Mini Projeto

Validação de senha com React

Login

Início

  • Introdução
  • Clonando o projeto
  • Setup React com Vite e Tailwind
  • Criando o layout

  • Desenvolvimento de Projeto React
  • Configurando Formulário com Tailwind
  • Formulário de Redefinição Criado
  • Estilizando Formulário de Senha
  • Bordas e Ícones em React
  • Ajustes de Interface CSS
  • Parte lógica

  • Validação de Senha Personalizada
  • Botão Personalizado com Tailwind
  • Alternando Senha com Ícone
  • Guia Lógico
  • Criando as regras
  • Utilizando useState()
  • Utilizando Regex
  • Finalização

  • Formulário de Senha Aprimorado
  • Deploy de Senhas com Vercel
  • Início

  • Introdução
  • Clonando o projeto
  • Setup React com Vite e Tailwind
  • Criando o layout

  • Desenvolvimento de Projeto React
  • Configurando Formulário com Tailwind
  • Formulário de Redefinição Criado
  • Estilizando Formulário de Senha
  • Bordas e Ícones em React
  • Ajustes de Interface CSS
  • Parte lógica

  • Validação de Senha Personalizada
  • Botão Personalizado com Tailwind
  • Alternando Senha com Ícone
  • Guia Lógico
  • Criando as regras
  • Utilizando useState()
  • Utilizando Regex
  • Finalização

  • Formulário de Senha Aprimorado
  • Deploy de Senhas com Vercel
  • Acesso exclusivo para membros PRO

    Esse conteúdo é exclusivo para nossos assinantes.

    Libere esse e muito mais conteúdo assinando o Codante PRO.

    Bordas e Ícones em React

    Adicionamos bordas nas divs e inputs para visualizar limites, e usamos React Icons para inserir um ícone de olho. Instalamos a biblioteca, importamos o ícone e o colocamos no botão, observando seu comportamento padrão.

    Comentários

    (0)