Curso

React: Modificando o comportamento da página com State Hook e evento onClick

Uma das tarefas mais comuns que você vai se deparar durante sua carreira de programador front-end é fazer com que a página modifique seu comportamento após o clique do usuário em algum elemento. Por exemplo, abrir um menu quando o usuário clicar em algum ícone do topo (geralmente chamado 'menu sanduíche'). Outro exemplo seria um carrossel de imagens: quando o usuário clica na setinha, o carrossel avança e exibe a próxima imagem. Ou seja, como fazer com que a página 'responda' visualmente ao clique do usuário? Já temos todo o conhecimento técnico necessário para implementar esse comportamento: basicamente, precisamos usar o React com useState, evento onClick e um pouco de JavaScript. Vamos botar a mão na massa nesse curso e produzir diversos exemplos práticos de páginas que respondem ao clique do usuário.