Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Powerduo Nx and Sheriff

Avatar for Rainer Hahnekamp Rainer Hahnekamp
February 14, 2024
Technology
0
380

Powerduo Nx and Sheriff

Avatar for Rainer Hahnekamp

Rainer Hahnekamp

February 14, 2024
Tweet

More Decks by Rainer Hahnekamp

See All by Rainer Hahnekamp
2025-09-05_Hold_the_Line.pdf
Avatar for Rainer Hahnekamp rainerhahnekamp
0
75
Test Fest | Angular Unit Tests Distilled
Avatar for Rainer Hahnekamp rainerhahnekamp
0
400
Micro Frontends: Necessity, Implementation, and Challenges
Avatar for Rainer Hahnekamp rainerhahnekamp
2
880
Software richtig testen - Ganz praktisch!
Avatar for Rainer Hahnekamp rainerhahnekamp
0
110
Quality with Angular: Tools and Processes
Avatar for Rainer Hahnekamp rainerhahnekamp
0
390
Evolving Architecture
Avatar for Rainer Hahnekamp rainerhahnekamp
3
400
Microfrontends: Necessities - Implementations - Challenges
Avatar for Rainer Hahnekamp rainerhahnekamp
0
210
Zoneless Testing
Avatar for Rainer Hahnekamp rainerhahnekamp
0
250
Towards Modern Change Detection
Avatar for Rainer Hahnekamp rainerhahnekamp
0
52

Other Decks in Technology

See All in Technology
新アイテムをどう使っていくか？みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
Avatar for Akira Ouchi akkiesoft
0
320
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
Avatar for TomoyaIwata iwatatomoya
1
1.1k
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
3
260
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
320
研究開発と製品開発、両利きのロボティクス
Avatar for Yutaka Kondo youtalk
1
530
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
490
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
Avatar for Masaya Kudo msykd
PRO
1
980
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
Avatar for Lautaro Carro lauchacarro
0
210
共有と分離 - Compose Multiplatform "本番導入" の設計指針
Avatar for Ryo WATANABE error96num
2
1k
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
470
なぜスクラムはこうなったのか？歴史が教えてくれたこと/Shall we explore the roots of Scrum
Avatar for Genki Sano sanogemaru
5
1.6k
Android Audio: Beyond Winning On It
Avatar for Atsushi Eno atsushieno
0
2.4k

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
513
110k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
820
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k

Transcript

  1. RainerHahnekamp Rainer Hahnekamp - 10. February 2024 - Ng-India Powerduo

    Nx and Sheriff Rainer Hahnekamp - 14. February 2024

  2. RainerHahnekamp About Me... Professional NgRx https://www.youtube.com/ @RainerHahnekamp https://www.ng-news.com https://github.com/softarc-consulting/sheriff •

    Rainer Hahnekamp ANGULARarchitects.io • Developer / Trainer / Speaker Modern Spring for Angular @RainerHahnekamp

  3. RainerHahnekamp Agenda 1. What is Nx? 2. Nx Quick Feature

    Run 3. Nx and Modules 4. Sheriff 5. Sheriff & Nx 6. Current Challenges: Barrel File / Tree Shaking / Code Splitting

  4. RainerHahnekamp

  5. RainerHahnekamp

  6. RainerHahnekamp

  7. RainerHahnekamp Nx Highlights 1. Tooling 2. Caching & Affected 3.

    Cloud 4. Visualization 5. Library Support

  8. RainerHahnekamp Shared Forms Grid Error Handling Widgets Backend Middleware ...

    App Shell Domain (Holidays ) Domain (Customers) Domain (Bookings) Domain (Diary) Layer 1 - Domain modules

  9. RainerHahnekamp Domain Feature (Container Cmp.) Data UI (Presentational Cmp.) Domain

    Models Layer 2 Sub Modules

  10. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation

  11. RainerHahnekamp

  12. RainerHahnekamp

  13. RainerHahnekamp

  14. RainerHahnekamp

  15. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules

  16. RainerHahnekamp

  17. RainerHahnekamp

  18. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules • Lightweight

  19. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules • Lightweight • Convention over Configuration

  20. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules • Lightweight • Convention over Configuration • Zero Dependencies

  21. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects

  22. RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency

    Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects • (Heavily) Influenced by Nx

  23. RainerHahnekamp Nx Pros & Cons ✅ Provides a set of

    exclusive Features ✅ Must-Have for certain application size ⛔ Diverging from the Angular CLI ⛔ Small Modules unfit as Libraries ⛔ Additional Layer ⛔ Not that stable as Angular CLI

  24. RainerHahnekamp Domain Feature (Container Cmp.) UI (Presentational Cmp.) Domain Models

    Nx Lib Sheriff Module Data

  25. RainerHahnekamp Application Evolution 1. Angular CLI or NX Standalone with

    Sheriff 2. Nx with Domain Libs (and Sheriff) 3. Nx with build-optimized Libs (and Sheriff)

  26. RainerHahnekamp The Problem with the Barrel File…

  27. RainerHahnekamp Thanks