Este é o projeto exemplo de utilizacao do storybook
❗ Node
# Clone o repositório
$ git clone https://github.com/batistondeoliveira/batiston-ui-kits
# Entre na pasta
$ cd batiston-ui-kit
# Instale todas as dependências do projeto
$ yarn i
# Se tudo correu bem, agora rodamos a aplicação 😆
$ yarn run storybook
-
react - React é uma biblioteca JavaScript para criar interfaces de usuário.
-
react-dom - Este pacote serve como ponto de entrada para os renderizadores de servidor e DOM para React. Destina-se a ser emparelhado com o pacote React genérico, que é enviado como react to npm.
-
react-icons - Este pacote inclui todos os icones disponivies.
-
react-router-dom - Este pacote inclui todo pacote necessário para gerenciar as rotas da aplicacao.
-
react-text-mask - Este pacote é um biblioteca que facilita a criacao de mascaras para inputs.
-
bootstrap - Este pacote é um biblioteca com estilos css pre prontos.
-
@material-ui/core - Este pacote é um biblioteca de components
-
@storybook/addon-actions - Podem ser usadas para exibir dados recebidos por manipuladores de eventos no livro de histórias.
-
@storybook/addon-knobs - Os botões adicionais do Storybook permitem que você edite adereços dinamicamente usando a UI do Storybook. Você também pode usar Knobs como uma variável dinâmica dentro de histórias no Storybook.
-
@storybook/addon-links - O complemento Storybook Links pode ser usado para criar links que navegam entre histórias no Storybook.
-
@storybook/addon-notes - Storybook Addon Notes permite que você escreva notas (texto ou HTML) para suas histórias no Storybook.
-
@storybook/addons - O Storybook Addons é um módulo de nó que é usado para carregar addons personalizados para o storybook. Ele armazena carregadores adicionais, canal de comunicação e outros recursos que podem ser usados por implementações de contos de fadas quando necessário.
-
@storybook/preset-create-react-app - Configuração do aplicativo Criar React de uma linha para Storybook.
-
@storybook/react - Storybook for React é um ambiente de desenvolvimento de IU para seus componentes React. Com ele, você pode visualizar diferentes estados de seus componentes de IU e desenvolvê-los interativamente.
-
@storybook/theming - Storybook theming permite você personalizar a tela do storybook.
-
@storybook/addon-info - Storybook addon-info exibe informacoes adicionais de suas historias.
- does it work? maybe. will I check? no.