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

Powerduo Nx and Sheriff

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Rainer Hahnekamp Rainer Hahnekamp
February 14, 2024
Technology
0
460

Powerduo Nx and Sheriff

Avatar for Rainer Hahnekamp

Rainer Hahnekamp

February 14, 2024
Tweet

More Decks by Rainer Hahnekamp

See All by Rainer Hahnekamp
Vitest Highlights in Angular
Avatar for Rainer Hahnekamp rainerhahnekamp
0
160
From Hours to Minutes - An AI Case Study with Sheriff
Avatar for Rainer Hahnekamp rainerhahnekamp
0
15
RxJS, Signals, and Native Observables: Answering the Critical Questions
Avatar for Rainer Hahnekamp rainerhahnekamp
0
20
Zurück in den Browser – Das Comeback der Frontend-Tests
Avatar for Rainer Hahnekamp rainerhahnekamp
0
50
From Hours to Minutes: An AI Case Study with Sheriff
Avatar for Rainer Hahnekamp rainerhahnekamp
0
85
RxJS, Signals & Native Observables
Avatar for Rainer Hahnekamp rainerhahnekamp
0
99
The Road to Angular Today Milestones, Mistakes & Momentum
Avatar for Rainer Hahnekamp rainerhahnekamp
0
99
Next Generation Angular
Avatar for Rainer Hahnekamp rainerhahnekamp
0
40
2025-09-05_Hold_the_Line.pdf
Avatar for Rainer Hahnekamp rainerhahnekamp
0
210

Other Decks in Technology

See All in Technology
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
1.1k
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
Avatar for Yoshiki yoshiki_0316
1
120
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
520
生成AIと余白 〜開発スピードが向上した今、何に向き合う？〜
Avatar for KAKEHASHI kakehashi
PRO
0
170
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
680
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
480
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
230
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
610
(技術的には)社内システムもOKなブラウザエージェントを作ってみた！
Avatar for Har1101 har1101
0
330
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
300
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
580
Claude Code for NOT Programming
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
110

Featured

See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
440
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
220
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
240
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
210

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