A aplicaĆ§Ć£o demonstra um componente de loading e diversos botƵes, com o intuito de criar testes e documentaĆ§Ć£o com a biblioteca storybook.
- React.js
- Next.js
- TypeScript
- Styled Components
- Storybook
- Jest
- Testing Library
- Clone este repositĆ³rio em sua mĆ”quina.
- Na pasta raiz do projeto, execute
npm install
ouyarn install
para instalar as dependĆŖncias. - Para iniciar a aplicaĆ§Ć£o em modo de desenvolvimento, execute
npm run dev
ouyarn dev
. - Para executar os testes, execute
npm run test
ouyarn test
. - Para visualizar os componentes com o Storybook, execute
npm run storybook
ouyarn storybook
.
- Na pasta raiz do projeto, execute
npm test
ouyarn test
. - Os testes serĆ£o rodados e renderizados no terminal do seu compilador.
- Na pasta raiz do projeto, execute
npm storybook
ouyarn storybook
. - VocĆŖ serĆ” redirecionado para a pĆ”gina do Storybook, onde poderĆ” navegar pelos diferentes componentes e visualizar sua documentaĆ§Ć£o, exemplos e histĆ³rias.
- FaƧa um fork deste repositĆ³rio.
- Crie um branch com sua feature:
git checkout -b minha-feature
. - FaƧa commit de suas alteraƧƵes:
git commit -m 'Adicionando nova feature'
. - FaƧa push para o branch:
git push origin minha-feature
. - Abra um pull request para o repositĆ³rio original.