Mock Service Worker - prosty sposób na mockowanie danych

 Jakiś czas temu napisałem dla mojej poprzedniej firmy artykuł o tym, jak można skutecznie integrować się z backendem. Na blogu Angular Architects pojawił się też wpis, który potwierdził moją tezę, że dobrze jest się integrować z mockowym backendem. (Nie ma to jak cherry picking pod tezę :)

Angular - Dependency Injection

DI (dependency injection) w Angularze pozwala na dostarczanie zależności. Pośrednikiem między elementami i zależnościami, które można wstrzykiwać, jest Injector. Gdy zależność jest potrzebna, Injector sprawdza, czy istnieje jej instancja i jeśli nie, tworzy ją i dodaje do rejestru. W większości przypadków, możesz używać uproszczonego DI, jednak warto wiedzieć, jak działa to pod spodem.

Refaktoring prostego komponentu w Angularze

Załóżmy że zastajesz taki fragment kodu angularowego i musisz w nim zmienić kilka rzeczy. Od razu rzuca się w oczy, że wymaga on refaktoryzacji. HTML umieściłem w template dla lepszej widoczności.

Pierwsza rzecz oznaczona cyframi 1, 2, 3 w komentarzach. Widzę tutaj kilka problemów. Po pierwsze, wykonujemy kod który nie został jakkolwiek nazwany biznesowo. Po drugie, kod jest wykonywany w HTML, a aby to umożliwić, kolega z zespołu zrobił publiczny service. Po trzecie, kod jest zduplikowany.

Wydzielam kod do geta i wtedy wygląda to tak: