Skip to content

Latest commit

 

History

History
27 lines (22 loc) · 1.58 KB

File metadata and controls

27 lines (22 loc) · 1.58 KB

React - Like button

Criar um componente <LikeButton/> usando o React 16. O componente deve ser usar export default no arquivo.

Requisitos:

  • O <LikeButton/> deve:

    • Ter um conteúdo seguindo o seguinte formato: "Like | 100", onde 100 é número o total de likes.
    • Ter uma classe chamada like-button.
    • O número de likes deve estar contido em um <span> com uma classe chamada likes-counter.
    • O número inicial de likes deve ser igual a 100.
  • Devemos "dar um like" clicando no <LikeButton/>:

    • O número de likes deve incrementar em 1 o valor total de likes.
    • A classe liked deve ser adicionada ao <LikeButton/> (A biblioteca classnames pode ser usada para facilitar a implementação).
  • Podemos desfazer o like clicando novamente no <LikeButton/>:

    • O contador deve decrementar em 1 o valor total de likes.
    • A classe liked deve ser removida do <LikeButton/>.

Observações:

  • Acesse o link e faça o fork do projeto.
  • Use o arquivo LikeButton.jsx para implementar o <LikeButton/> e adicione o componente no index.js.
  • Apenas dois imports no arquivo LikeButton.jsx são permitidos: React (v16.13.1) e classnames (v2.2.6).
  • Use a animação abaixo como referência para a sua solução.
  • Design e estilo do componente não vão afetar sua avaliação na entrevista. Se preocupe APENAS com os requisitos.
  • A aba "Browser" do codesandbox mostrará o resultado do seu código, ajudando à testá-lo.

Like button example