batiston-ui-kits

Descrição do projeto

Este é o projeto exemplo de utilizacao do storybook

Pré-requisitos

❗ Node

Como rodar a aplicação

Instalando o projeto

# 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

Dependências e bibliotecas utilizadas

Dependências de Desenvolvimento

• 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.

Desenvolvedor

• does it work? maybe. will I check? no.

Eliel Batiston