Architecture simple des applications angulaires

Introduction Ă  la conception atomique

Pouvez-vous dire en un coup d'Ĺ“il ce qu'il y a Ă  l'intĂ©rieur d'un module partagĂ© ? Et, sans ouvrir un autre fichier, dire quels composants ont des dĂ©pendances ou des liaisons avec d'autres composants ? Quelle que soit votre rĂ©ponse, je vous propose de prĂ©parer un thĂ© ou un cafĂ© et de comprendre les bases de la thĂ©orie de la conception atomique de Brad Frost avec moi





Angular

 





Structure de répertoire pour la conception atomique dans Angular
Angular

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





«»  â€” . .





 â€” «»





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





  •  â€” , . HTML- .





  •  â€” .





 â€” «»





HTML-, «» , TypeScript.





, , , .





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





«», . , , .





 . HTML-CSS ng-content



.





( ), HTML-. , .





:





Un composant de modèle qui regroupe le code wrapper commun avec le style et n'a aucune logique.
-, .

 





Une page ou un composant intelligent basé sur un composant de modèle.  Il n'a pas de styles, mais il conduit la logique.
«» -. , .

, Angular Material, . , router-outlet



. , «/» .





, .   .





, , . . .





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





 â€” «»

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






"JavaScript Developer. Professional".



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








All Articles