morpheus-base-react

Base de componentes para projeto React

Contém os componentes que serão compartilhados em todos os projetos

Como trabalhar no projeto

Para iniciar o desenvolvimento realizar a instalação

npm install

ou

yarn install

Documentação

Para visualizar a documentação de componentes

npm run storybook

yarn storybook

Link com outro projeto

Executar o comando de link nesse projeto

npm link --only=production

Acessar a pasta do projeto que irá utilizar a lib e realizar o link

npm link "morpheus-base-react"

Para remover o link posteriormente:

npm unlink "morpheus-base-react"

Habilitar linting de Typescript+React no VSCode

Instale a extensão ESLint.

Vá em File>Preferences>Settings.

Selecione a aba User caso queira habilitar linting em todos projetos, caso contrário selecione Workspace.

Expanda o menu Extensions.

Selecione ESLint.

Procure ESLint:Validate.

Clique em Edit in settings.json.

Edite eslint.validate para a seguinte configuração:

{
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "typescript",
            "autoFix": true
        },
        {
            "language": "typescriptreact",
            "autoFix": true
        }
    ]
}