delacquab / palavra-palindroma

Praticar a manipulação do DOM criando um "Verificador de Palíndromo"

Finalmente começaremos a estudar o React! Nesta primeira parte você vai aprender todos os conceitos básicos do React, de seu "Ciclo de vida" até o que são, para o que servem e como criar Componentes! Com este conhecimento, o seu objetivo será de refatorar a aplicação da semana 3 usando React e a sua reatividade!

Requisitos

Você precisará do Nodejs (LTS ou Current) instalado em sua máquina.

Na primeira execução rodar o comando:

$ npm install

Tópicos

Com esse desafio, você aprenderá:

• O que é o React
• Lifecycle
• Directives
• Reatividade (two-way binding)
• Eventos
• Componentes

Tarefas

• Deve-se criar um arquivo index.html dentro do diretório 'public'
• Adicionar o React a página via CDN
• Ler o conteúdo de um campo input ao pressionar a tecla enter
• Se o texto for um palíndromo, exibir o texto com um indicador positivo
• Se o texto não for um palíndromo, exibir o texto com um indicador negativo
• Limpar o input depois da verificação
• Manter a lista de verificações
• Adicionar um botão para "limpar o histórico"
• Se o conteúdo do input estiver em branco (vazio), não faça nada.

Exemplo

Atenção

O input do formulário deve conter um atributo data-test com o valor entrada O botão de "limpar o histórico" deve conter um atributo data-test com o valor de limpar-dados O element que o texto verificado se encontra deve conter um atributo data-verificado com o valor positivo ou negativo respectivamente.