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
130
Powerduo Nx and Sheriff
Rainer Hahnekamp
February 14, 2024
Tweet
Share
More Decks by Rainer Hahnekamp
See All by Rainer Hahnekamp
Refactoring in Angular via Metrics, Modularity & Testing
rainerhahnekamp
0
280
Testing in 2024
rainerhahnekamp
0
260
Modern Angular
rainerhahnekamp
0
130
Deep Dive: Change Detection
rainerhahnekamp
0
240
Testing Angular in 2024
rainerhahnekamp
0
91
Towards Modern Change Detection
rainerhahnekamp
0
290
Cypress or Playwright?
rainerhahnekamp
0
240
Powerduo Nx and Sheriff
rainerhahnekamp
0
98
NgRx Signal Store
rainerhahnekamp
0
240
Other Decks in Technology
See All in Technology
エンジニア向け会社紹介資料
caddi_eng
14
230k
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
280
Android研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
100
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
71
8.8k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Speed Design
sergeychernyshev
9
270
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Design by the Numbers
sachag
277
18k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
What's in a price? How to price your products and services
michaelherold
239
11k
Building an army of robots
kneath
301
42k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
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