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
}
]
}