app.component.html is useless

[maugustosemperfi]

atualmente a gente prefere componentes menores e mais limpos, consequentemente menos arquivos:

utilizar dessa forma:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isCollapsed = false;
}

induz uma quantidade de codigo maior por arquivo. tem uma alternativa:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
//html deve ficar aqui
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isCollapsed = false;
}

dessa forma, tem como perceber quando o arquivo ficara grande

[aureliobeo]

E quando eu fizer dessa forma, eu só escrevo no ts mesmo e quando acabar eu crio um component html e passo para la ou só deixo no ts mesmo?

[maugustosemperfi]

Nop, dessa forma você não precisa criar um arquivo .html, baste escrever no html dentro dessa propriedade template.

[aureliobeo]

Estou removendo o compoente HTML e colocando o codigo no ts como vc falou e estou começando a criar novos componentes para "aliviar" o componente pai

[maugustosemperfi]

boa! @aureliobeo tem PR pra isso?

[aureliobeo]

Agora tem

[maugustosemperfi]

associa ele aqui. pode inserir o link pra facilitar 👍

[aureliobeo]

Acabei de atualizar o projeto com novas melhoria na leitura do codigo e coloquei em merge para deixar algum comentario https://github.com/aureliobeo/cartao-credito/pull/7

[aureliobeo]

Eu comecei a melhorar o codigo mais ainda, criando um model para poder tipar o objeto que eu compartilho entre os componentes e quando eu terminar essa minha task, vou diminuir o tanto de codigo que tem no comproent front

[maugustosemperfi]

fiz alguns comentarios no PR. mas acho que ja em um progresso. depois fizer o merge, ja da pra fechar essa issue e a gente consegue abrir outra