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:

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:

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

Licença

MIT

BugFix

Descendo a versão do jest e webpack por restrições do creat-react-app https://github.com/facebook/create-react-app/issues/7169