Mentionsy

Subiektywny Frontend
Subiektywny Frontend
19.11.2025 15:00

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

Znaleziono 17 wyników dla "Shell"

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.