README
Brass Digital Platform (frontend) - Auth
Arquitetura
A ideia dessa arquitetura é separar a aplicação por camadas de responsabilidade e abstrair a maneira que ocorre o fluxo de dados.
|-- src
|-- app
|-- core
|-- modules
|-- shared
|-- assets
|-- environments
A intenção é implementar uma arquitetura como a da imagem a seguir:
Other Modules
Os outros módulos devem seguir o princípio da responsabilidade única ao implementarem características novas para a aplicação. Além disso, para melhorar o fluxo de dados na aplicação utilização smart e dumb components com uma camada de abstração.
|-- modules
|-- feature-a
|-- components
|-- containers (Smart components)
|-- presentational (Dumb components)
|-- models (Modelos específicos deste módulo)
|-- services (Serviços específicos deste módulo)
|-- shared (Componentes específicos que podem ser compartilhados apenas nesse módulo)
|-- store (State management do módulo)
action.ts
effects.ts
index.ts
reducer.ts
selectors.ts
state.ts
feature-a-store.module.ts
feature-a-routing.module.ts
feature-a.module.ts
feature-a.component.html|scss|spec.ts|ts
Assets
|-- assets
|-- i18n
|-- icons
|-- images
|-- styles
|-- base
_animations.scss (Regras para as animações da aplicação)
_app-common.scss (Regras comuns da aplicação)
_base.scss (Regras para os elementos HTML mais comuns)
_reset.scss (Regras de reset da aplicação)
_typography.scss (Regras tipográficas da aplicação)
|-- utilities (Não contém regras)
_functions.scss
_mixins.scss
_placeholder.scss
_variables.scss
|-- vendors (Regras específicas de terceiros)
_vendor-a.scss
...
_export.scss (Exporta algumas regras)
main.scss (Importa todas as regras)
Boas práticas
Para boas práticas sobre desenvolvimento de aplicações em Angular, consulte https://angular.io/guide/styleguide
.
Scripts
Para publicar:
- npm run build && npm run publish