Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Powerduo Nx and Sheriff
Search
Rainer Hahnekamp
February 14, 2024
Technology
0
350
Powerduo Nx and Sheriff
Rainer Hahnekamp
February 14, 2024
Tweet
Share
More Decks by Rainer Hahnekamp
See All by Rainer Hahnekamp
Test Fest | Angular Unit Tests Distilled
rainerhahnekamp
0
360
Micro Frontends: Necessity, Implementation, and Challenges
rainerhahnekamp
2
790
Software richtig testen - Ganz praktisch!
rainerhahnekamp
0
95
Quality with Angular: Tools and Processes
rainerhahnekamp
0
340
Evolving Architecture
rainerhahnekamp
3
380
Microfrontends: Necessities - Implementations - Challenges
rainerhahnekamp
0
200
Zoneless Testing
rainerhahnekamp
0
230
Towards Modern Change Detection
rainerhahnekamp
0
39
Testing in 2024: A "dynamic" Situation
rainerhahnekamp
0
210
Other Decks in Technology
See All in Technology
shake-upを科学する
rsakata
6
560
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
160
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
190
PO初心者が考えた ”POらしさ”
nb_rady
0
220
Contributing to Rails? Start with the Gems You Already Use
yahonda
2
100
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
6
13k
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
140
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
3
7.4k
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
240
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
170
CDK Vibe Coding Fes
tomoki10
0
100
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Applications with DynamoDB
mza
95
6.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimizing for Happiness
mojombo
379
70k
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Invisible Side of Design
smashingmag
301
51k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Language of Interfaces
destraynor
158
25k
Become a Pro
speakerdeck
PRO
29
5.4k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Transcript
RainerHahnekamp Rainer Hahnekamp - 10. February 2024 - Ng-India Powerduo
Nx and Sheriff Rainer Hahnekamp - 14. February 2024
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
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
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp Nx Highlights 1. Tooling 2. Caching & Affected 3.
Cloud 4. Visualization 5. Library Support
RainerHahnekamp Shared Forms Grid Error Handling Widgets Backend Middleware ...
App Shell Domain (Holidays ) Domain (Customers) Domain (Bookings) Domain (Diary) Layer 1 - Domain modules
RainerHahnekamp Domain Feature (Container Cmp.) Data UI (Presentational Cmp.) Domain
Models Layer 2 Sub Modules
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules
RainerHahnekamp
RainerHahnekamp
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules • Lightweight
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules • Lightweight • Convention over Configuration
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules • Lightweight • Convention over Configuration • Zero Dependencies
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects
RainerHahnekamp Sheriff: Modularity in TypeScript • Module Encapsulation • Dependency
Rules • Lightweight • Convention over Configuration • Zero Dependencies • For all TypeScript Projects • (Heavily) Influenced by Nx
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
RainerHahnekamp Domain Feature (Container Cmp.) UI (Presentational Cmp.) Domain Models
Nx Lib Sheriff Module Data
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)
RainerHahnekamp The Problem with the Barrel File…
RainerHahnekamp Thanks