Angular 8 + Atomic Design

0

Cześć, Mam kilka pytań odnośnie atomic design w angularze. Podstawy są zrozumiałe, tworzę najmniejsze niepodzielne komponenty atomowe, następnie łącze w większe, aż do strony. Kiedy powinienem implementować wyświetlanie na różnych rozdzielczościach w templates? Powiedzmy, że mam stronę logowania, albo stronę główną jeszcze lepszy przykład, która będzie wyglądać całkowicie inaczej na mobilce i na desktopie. Tworzę template home i tutaj w css określam sposób wyświetlania dla poszczególnych rozdzielczości? Czy template to własnie miejsce na to dobrze myślę?

Drugie pytanie odnoście dostarczania danych z backendu to tych komponentów. Gdy mam już template to wtedy używam go w page Home i w home.component.ts wstrzykuje jakieś serwisy do powiedzmy artykułów, profilu, notyfikacji i dalej te dane pobieram @Input() i podaje w dół? To będzie raczej powodowało taki nadmiarowy łańcuch tych danych (Dane muszą przejść przez każdy komponent, żeby dotrzeć na sam dół). Jak to powinno działać? Jakie jest podejście do tematu?

0

Każdy component ma swój css i tam definiujesz jak ma być widoczny

1

A dlaczego nie wstrzykniesz serwisu do komponentu w którym faktycznie chcesz go użyć?

1

Opcji pewnie jest sporo ale może sparametryzuj komponent jakimś inputem

<my-cmp [onlyMine]="true"></my-cmp>

W klasie z kolei dajesz @Input() domyślnie na false i możesz sterować kiedy ma się co wyświetlać.

1 użytkowników online, w tym zalogowanych: 0, gości: 1