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

Age of monorepos (Armada JS 2022)

Avatar for Miroslav Jonaš Miroslav Jonaš
October 06, 2022
Programming
0
250

Age of monorepos (Armada JS 2022)

Avatar for Miroslav Jonaš

Miroslav Jonaš

October 06, 2022
Tweet

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
The dark art of code optimization
Avatar for Miroslav Jonaš meeroslav
0
12
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
25
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
15
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
11
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
110
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
67
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
190
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
94
The other JavaScript performance (no one is talking about)
Avatar for Miroslav Jonaš meeroslav
0
260

Other Decks in Programming

See All in Programming
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
Avatar for Akira Suenami a_suenami
10
1.7k
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
13
3.7k
構文解析器入門
Avatar for ydah ydah
7
2k
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.4k
DataformでPythonする / dataform-de-python
Avatar for snhryt snhryt
0
160
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
Avatar for Kuniwak orgachem
PRO
17
3.7k
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
Avatar for Date Huang tjjh89017
0
280
階層化自動テストで開発に機動力を
Avatar for ICKX ickx
1
480
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
190
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
1k
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
Avatar for 幡ヶ谷亭直吉 hiliteeternal
0
440
대규모 트래픽을 처리하는 프론트 개발자의 전략
Avatar for Seungmin 마량 maryang
0
120

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k

Transcript

  1. The Age of Monorepos Miroslav Jonas / @meeroslav / nx.dev

    / nrwl.io

  2. @meeroslav WARNING! Bad design Flickering colors Life-changing features

  3. @meeroslav Miroslav
 Jonaš @meeroslav

  4. @meeroslav

  5. @meeroslav STATIC WEB
 (pre JS era)

  6. None

  7. @meeroslav

  8. @meeroslav successfully confusing recruiters since 1995

  9. @meeroslav Age 
 of
 Scripting

  10. None

  11. @meeroslav Age of jQuery

  12. Age of SPAs

  13. @meeroslav Age of JAMStack

  14. None

  15. @meeroslav Age of Monorepos

  16. Homepage App (framework X) Every application* UI Components / Design

    system Backend Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Service 1

  17. Homepage App (framework X) Backend Every application* UI Components /

    Design system Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Admin Portal App Mobile App Utility v1 v3 v2_beta v1.0.1 ~2.15.0 > 3.0.0

  18. Homepage App (framework X) Backend Collocate UI Components / Design

    system Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Admin Portal App Mobile App Utility

  19. Code sharing Homepage App (framework X) Admin Portal App Auth

  20. @meeroslav Just collocation NOT

  21. Affected graph + deploy admin store api

  22. admin store api Deploy every second week Deploy on Tuesdays

    Deploy on every change Affected graph + deploy

  23. Workspace analysis

  24. Task orchestration Test Build Lint Build Lint Test Build Lint

    Test
  25. None

  26. Caching Never { build, test, lint… } same code twice

    { build, test, lint,... } Nx Local cache { build, test, lint,... } Nx Local cache CI provider

  27. Distributed task execution Main agent

  28. Distributed task execution Idle time Idle time

  29. Distributed task execution

  30. Distributed task execution

  31. @meeroslav Agent utilization Optimal idle time

  32. @meeroslav

  33. Code constraints

  34. Code constraints store checkout sales coupons core shared admin

  35. @meeroslav But I have only one project…

  36. Powerful generators

  37. Consistent tooling

  38. None

  39. @meeroslav Migrate existing Create new

  40. @meeroslav Migrate existing Convert existing

  41. @meeroslav Migrate existing Convert existing

  42. @meeroslav Monorepos bring clarity - workspace analysis - graph visualization

  43. @meeroslav Monorepos bring speed - local & remote caching -

    task orchestration - detecting affected nodes - distributed task execution

  44. @meeroslav Monorepos make it easy - code sharing - code

    collocation - powerful generators - consistent tooling - code constraints

  45. @meeroslav - developer mobility - collaboration as default - can

    change the organization - greater confidence - velocity increase Not just a fancy tool

  46. @meeroslav

  47. @meeroslav nx.dev / nrwl.io Use

  48. WHY BE A 10X 
 WHEN YOU CAN BE AN

    NX DEVELOPER? @meeroslav /

  49. @meeroslav

  50. Thank you Miroslav Jonas / @meeroslav / nx.dev / nrwl.io