Uma foto minha vestido com o uniforme da Grifinória do Harry Potter

Willian JustenSoftware Engineer

Instrutor na Udemy, escrevo sobre o mundo front end, viagens, vida pessoal e mais.

← Voltar na listagem

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!