Arquitetura simples de aplicativos angulares

Introdução ao Design Atômico

Você pode dizer rapidamente o que há dentro de um módulo compartilhado? E, sem abrir outro arquivo, saber quais componentes têm dependências ou ligações com outros componentes? Seja qual for a sua resposta, sugiro que você prepare um pouco de chá ou café e entenda os fundamentos da teoria do design atômico de Brad Frost comigo





Angular

 





Estrutura de diretĂłrio para design atĂ´mico em Angular
Angular

, Angular « â€” » ( «  â€” »). , , .





«»  â€” . .





 â€” «»





, . (@Input) - (@Output). , .





  •  â€” , . HTML- .





  •  â€” .





 â€” «»





HTML-, «» , TypeScript.





, , , .





, , . «» , . , . «» TypeScript HTML-CSS. , . , - .





«», . , , .





 . HTML-CSS ng-content



.





( ), HTML-. , .





:





Um componente de modelo que agrupa o cĂłdigo de wrapper comum junto com o estilo e nĂŁo tem lĂłgica
-, .

 





Uma página ou componente inteligente baseado em um componente de modelo.  Não tem estilos, mas dirige a lógica.
«» -. , .

, Angular Material, . , router-outlet



. , «/» .





, .   .





, , . . .





«» «» ? . /. , -, .





 â€” «»

core/features/shared (  /  / ). «» /, .






"JavaScript Developer. Professional".



"Async Patterns JavaScript". JavaScript, , map, reduce . !








All Articles