Mentionsy
Odwróć zależności albo zgiń – Nx graph day!
Odcinek opublikowany 04.09.2025
💪 Frontendowa Siłka wraca z mocnym treningiem z odwracania zależności w Nx monorepo! Tym razem trenujemy z NX Graphem, łamiemy zasady module boundaries… żeby je potem przywrócić na nowych, lepszych zasadach.
Wprowadzamy nowy token i refaktoryzujemy zależności tak, żeby była moc, a kod był bardziej elastyczny i gotowy na skalowanie – bez spaghetti z importów.
📌 Co znajdziesz w tym odcinku?
🧩 Praktyczne użycie NX Graph do analizy zależności
🚫 Import z zablokowanej biblioteki – jak i dlaczego
🔁 Wzorzec odwracania zależności w praktyce (Dependency Inversion)
🧼 Czysta architektura = łatwiejsze utrzymanie kodu
💬 Daj znać w komentarzu, czy stosujesz odwracanie zależności w swoim monorepo!
I pamiętaj – subskrybuj, żeby nie przegapić kolejnych treningów 💥
Szukaj w treści odcinka
Mamy mikrofrontendy, shelle, tokeny, dependency injection, grafy, wszystko.
Więc tak, mamy aplikację, mamy tą naszą nxowe repo, mamy tutaj shell'a i dwa jakieś tam mikrofrontendy.
I ten shell ma też jakąś tam bibliotekę, shell config.
Subiektywny shell config.
Dodaliśmy zależność między libui a naszym shell-configiem.
No bo wiemy, że shell-config będzie przechowywał tą informację.
Czyli mamy source tag shell i remote.
Hmm, a to nie jest Ani Shell, ani Remote.
Ale Remote i Shell może zależeć od Shared, prawda?
Czyli mamy nasz UI, który zależy od shell configa.
Nasz shared, który jest używany przez wszystkich, raczej nie powinien zależeć od shella, który jest dedykowany aplikacjom i który raczej jest najwyższą warstwą w naszej architekturze.
Nasza biblioteka nie ma zależności do shell config, czyli do innej biblioteki.
Czyli wcześniej, jak mieliśmy tę wartość dostępną z shell.config, teraz musimy ją w jakiś sposób zaprowajdować.
W naszym wypadku to będzie shell.
Więc musimy ustawić tą flagę na poziomie Shellu, tak żeby nasz komponent dalej był funkcjonalny.
To nie jest do końca prawda, no bo chcieliśmy ten status brać z naszego shell configa, czyli ten token is mfi-active, no po prostu jakaś tam funkcja.
Czyli wywołujemy tutaj naszą metodę z shell.config.
Ostatnie odcinki
-
Koniec RxJS w Angularze? Signals przejmują ster...
27.11.2025 17:00
-
Czy już wszyscy frontend developerzy są inżynie...
20.11.2025 15:00
-
Odwróć zależności albo zgiń – Nx graph day!
19.11.2025 15:00
-
🚨 94,8% stron niedostępnych! Czy Europejski Akt...
18.11.2025 15:00
-
Angular 20: Bez ngIf, bez ngFor... bez sensu?
17.11.2025 15:00
-
Ten setup zniszczy Twój monolit – NX + Micro Fr...
16.11.2025 15:00
-
Hack Angular Material 3 – styluj bez palet kolo...
15.11.2025 15:00
-
Micro Frontendy 2025 - czy ten pociąg już odjec...
14.11.2025 15:00
-
Czy Liquid Glass od Apple kończy erę hybrydowyc...
13.11.2025 17:00
-
Bootstrap, jQuery - przyjaciele, czy jeszcze ży...
11.11.2025 15:00