Criando um React Custom Hook com Testes

Aprenda como criar um react hook de Konami Code a partir do zero com TDD.

Introdução

Fala pessoal, o post de hoje vem com vídeo, espero fazer mais alguns assim, vamos juntos na expectativa que vocês gostam. Para o assunto de hoje, eu resolvi falar sobre hooks em React, dessa vez como criar um do zero.

O vídeo ficou longo (~30min), então dá uma paradinha, vai lá pegar um café ou chá, avisa no Whatsapp que vai assistir algo importante e segue junto =)

Como eu falo devagar, bota em 2x que melhora

Video

Todo o código do projeto que fizemos, você encontrará no repositório do Github.

O post sobre React Hooks do blog é esse e o post sobre como converter class para hooks.

A biblioteca que usei para testar foi a @testing-library/hooks, além disso, utilizei também o create-react-app para fazer a estrutura sem perder tempo.

Você pode ler mais sobre o Konami Code neste link e eu usei o keycode.info para descobrir os valores certinhos de cada tecla.

Conclusão

Espero que tenham gostado do vídeo e se gostaram, por favor, se inscrevam no meu canal do YouTube, compartilhem e comentem!