Photo by Nicolas Thomas on Unsplash
Faz um pouco mais de um ano que eu comprei uma licença do Quokka e francamente, não me arrependo.
Foi um valor bem investido na época e foi muito útil todas as vezes que precisei ir além do dia a dia de atividades no front-end e explorar formas para resolver os meus problemas mais cabeludos.
A licença do Quokka expirou faz algumas semanas, porém eu não renovei já que acredito que atualmente, para o meu uso, uma combinação entre jest e typescript seja bem mais útil.
Se você nunca ouviu falar sobre o Quokka, acho que vale a pena acessar o site e checar as principais funcionalidades.
Eu conheci o plugin através desse vídeo do MPJ, acho que vale a pena checar tanto para ver o plugin funcionando quanto para curtir o conteúdo.
O Quokka possui várias funcionalidades mas eu particularmente só usava o modo scratchpad, onde eu tinha acesso a um ambiente de feedback rápido durante a escrita do código.
A experiência é muito boa, o feedback é rápido e contínuo.
Você pode começar usando o degit para baixar o último commit desse repositório que deixei preparado:
$ npx degit gustavofsantos/jest-scratchpad testing-jest
Entre na pasta testing-jest usando o comando cd e instale os pacotes necessários.
Eu prefiro usar o yarn, por isso o repositório já contém um arquivo yarn.lock. Mas use o npm se precisar:
$ cd testing-jest && yarn install
É rápido assim, agora basta rodar o comando yarn test e começar a explorar o código!
Outro ponto interessante é a configuração do editor quando você está explorando algo. Eu gosto de ter o feedback rápido, por isso acho mais interessante posicionar o terminal na direita e deixar o código na esqueda, veja o exemplo logo abaixo.
Note que, como você está usando o Jest, você pode usar várias funcionalidades para selecionar qual teste executar, você pode usar vários transformers para explorar qualquer linguagem compilável para JavaScript, além de importar código fonte e usar durante a exploração.
Esse último ponto você também consegue o mesmo resultado com o Quokka, porém precisa pagar a licença de uso profissional.