As informações apresentadas nesta página são complementares às diretrizes de desenvolvimento de software do Ministério da Saúde.
Pode haver diferença nas informações contidas nesta página quando tratar-se de implementação de código multiplataforma. As especificidades serão tratadas em conjunto com a equipe da COATIC.
Com o Angular 18, a abordagem standalone está mais madura e recomendada. Ela permite que aplicações sejam desenvolvidas sem a necessidade de NgModules, promovendo uma estrutura mais enxuta, moderna e direta. A versão 18 traz ainda suporte aprimorado para Signals, hidratação automática em SSR e API reativa experimental para ciclos de vida.
Orientações para acesso aos repositórios Git encontram-se na página inicial.
Este documento tem como objetivo descrever as melhores práticas e padrões recomendados para a arquitetura de projetos em Angular 18 standalone. A adoção desses padrões ajudará a garantir que os projetos sejam estruturados de maneira consistente, fáceis de manter e escaláveis.
@Input()
com SignalsA arquitetura standalone organiza o projeto em componentes, rotas e serviços autônomos, com importações explícitas e sem o uso de módulos.
user-profile
, admin-user-profile
.@Input()
, @Output()
e Signals no Angular 18.my-app/
├── /src
│ ├── /app
│ │ ├── main.ts
│ │ ├── /core
│ │ │ ├── /pages
│ │ ├── /shared
│ │ │ ├── /components
│ │ │ ├── /services
│ │ │ ├── /models
│ │ │ ├── /pipes
│ │ │ ├── /directives
│ │ ├── /features
│ │ │ ├── /feature1
│ │ │ │ ├── feature1.component.ts
│ │ │ │ ├── /services
│ │ │ │ ├── /components
│ │ │ │ ├── /pages
├── package.json
├── tsconfig.json
kebab-case
user-profile
, admin-user-profile
Service
user-data.service.ts
camelCase
ng new # cria projeto
ng generate # gera componente, service etc
ng serve # roda local
ng test # executa testes
ng build # compila projeto
{
path: 'profile',
loadComponent: () => import('./features/profile/profile.component').then(c => c.ProfileComponent)
}
export interface Book {
id: number;
title: string;
author: string;
}
takeUntil
, take(1)
, AsyncPipe
const
para valores fixosA abordagem Angular 18 standalone facilita o desenvolvimento com menos boilerplate, maior clareza arquitetural e modularidade. A estrutura e as práticas aqui recomendadas visam garantir escalabilidade, manutenibilidade e desempenho em aplicações modernas.
Com suporte a Signals, Hydration e SSR aprimorado, o Angular 18 é ideal para aplicações web modernas e performáticas.