React.js: Atividades

De Aulas

Afluentes: Desenvolvimento Front-end II, Usabilidade, desenvolvimento web, mobile e jogos

Desafio 1

Lembram da nossa calculadora em JavaScript? Agora façam ela na forma de uma aplicação React.js.

Desafio 2

Utilizando React.js e Bootstrap, crie uma aplicação que preenche um documento.

  • Separe a tela do navegador pela metade, na metade esquerda fica o formulário com os dados para preencher e na metade direita, fica o documento estilo carta.
  • Exemplo de documento: documento de locação de imóvel, certidão de nascimento, carteira de motorísta, etc.
  • Enquanto você digita os dados, o documento vai sendo atualizado automaticamente.
  • Faça a validação dos dados.
  • Enquanto o documento não estiver todo preenchido ou os dados estiverem incorretos, o botão de impressão fica desabilitado.
  • Quando o botão de impressão ficar habilitado, ao clicar, ele abre apenas o documento preenchido em outra aba do navegador.