Crdsl NPM | npm.io

CRDSL

Biblioteca para reuso de componentes UI

Instalação

npm install crdsl

Uso

import { Button } from 'crdsl'

export default class MyComponent extends Component {
  render () {
    return (
        <div>
          <p> Página com CRDSL </p>
          <Button>Test</Button>
        </div>
    )
  }
}

Teste

Utilizar o comando abaixo para rodar os testes dos componentes:

npm run test

Os testes serão apresentados da seguinte forma: alt text

Documentação

Para visualizar a documentação dos compontes deverá rodar o comando:

npm run storybook

Deverá abrir uma janela com os componentes documentados no storybook: alt text

Bibliotecas usadas

Styled Components Biblioteca para facilitar a escrita do css
Storybook Storybook é um ambiente de desenvolvimento de interface de usuário e playground para componentes de interface do usuário.
Jest framework para testes
Enzyme Enzyme é um utilitário de teste de JavaScript para o React que torna mais fácil testar a saída de seus componentes do React.
Babel 7 Babel é um compilador JavaScript gratuito e de código aberto e transpiler configurável usado no desenvolvimento web.
auto-changelog Gerador de log automático com integração com NPM e Git