Bilbioteka RxJS

Programowani reaktywne - paradygmat programowani oparty na zdarzeniach (strumieniach danych oraz zmianach zachodzących w tych strumieniach - min. wymiana danych przy pomocy równoległych strumieni).

RxJs - biblioteka do reaktywnego programowania, w Angularze wykorzystywana (domyślnie) w kontekście routingu, zapytań do bazy danych (HTTP), formularzy. Pełni istotną funkcję w kontekście obsługi asynchroniczności oraz …

Angular serwisy

Wstęp

Klasa TyperScriptowa - stworzona do centralizacji danych/zarządzania danymi (a docelowo stanem aplikacji). Jej zadaniem jest - dostarczania danych na potrzeby komponentów (np. poprzez komunikacja z API, komunikacja pomiędzy komponentami, przechowywanie stanu aplikacji).

Serwis posiada swój dekorator @Injectable - ten wskazuje na to, że dana klasa jest serwisem i jej …

Podejrzenie ustawień użytkowanego w danym momencie motywu:

VSC -> Commend pallet (ctrl/shift/p) -> run command -> Developer: Generate Color Theme From Current Settings

Tworzenie własnego motywu

Instalacja narzędzia

npm i -g yo generator-code

Uruchomienie narzędzia

yo code

Stworzenie plików dla nowego motywy => Wybranie opcji: New Color Theme -> No, start fresh -> name …

Podstawowe komendy

Proste generowanie komponentu

ng generate component nazwaKomponentu

np. ng generate component menu
> informacja o wygenerowanych plikach oraz o aktualizacji app.module.ts

--skiTests true // generowanie bez pliku testów

Zapis tej komendy można wykorzystać również w skróconej wersji

ng g c nazwaKomponentu

ng g c navbar --skipTests true
CREATE …

Przy pomocy ng-content można przekazywać treść oraz różne komponenty

ng-content jest swego rodzaju wskaźnikiem/selektorem pozwalającym na opakowanie elementu komponentem, innymi słowy na zagnieżdżenie innego komponentu, fragmentu kodu html lub treści (stringa) w ramach innego komponentu.

<button class="btn-floating teal add-button" (click)="clickButton.emit()">
  <ng-content></ng-content>
</button>

zastosowanie

<app-button (clickButton …

@Input oraz @Output

1) przekazanie danych 'w dół' (od rodzica do dziecka)

@Input - Dekoratory pozwalające na rozbicie logiki aplikacji na mniejsze części/komponenty i komunikowanie się danymi pomiędzy nimi. Dekorator @Input można porównać do właściwość (property/props) komponentu w React tzn. pozwala na przekazanie do komponentu danych np.

// rodzic
<app …

-- Zarys artykułu/artykuł nieskończony --

Wstęp

Dla początkującego programisty tworzenie strony internetowej w sposób inny niż odtwórczy bez wątpienia jest wyzwaniem. Jak w większości zawodów znalezienie luki lub niszy wymaga odpowiedniego obycia, doświadczenia i oczytania. Ten ostatni czynnik uważam za kluczowy ponieważ bezpośrednio wynika z dwóch, które go poprzedziły. Poprzez czytanie …