Arsitektur sederhana dari aplikasi Angular

Pengantar Desain Atom

Bisakah Anda memberi tahu sekilas apa yang ada di dalam modul bersama? Dan, tanpa membuka file lain, beri tahu komponen mana yang memiliki dependensi atau ikatan dengan komponen lain? Apa pun jawaban Anda, saya sarankan Anda menyeduh teh atau kopi dan memahami dasar-dasar teori desain atom Brad Frost bersama saya





Angular

 





Struktur direktori untuk desain atom di Angular
Angular

, Angular « — » ( «  — »). , , .





«»  — . .





 — «»





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





  •  — , . HTML- .





  •  — .





 — «»





HTML-, «» , TypeScript.





, , , .





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





«», . , , .





 . HTML-CSS ng-content



.





( ), HTML-. , .





:





Komponen template yang mengelompokkan kode pembungkus umum di samping gaya dan tidak memiliki logika.
-, .

 





Halaman atau komponen cerdas berdasarkan komponen template.  Itu tidak memiliki gaya, tetapi itu mendorong logika.
«» -. , .

, Angular Material, . , router-outlet



. , «/» .





, .   .





, , . . .





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





 — «»

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






"JavaScript Developer. Professional".



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








All Articles