Don't let compilation set the length of your coffee break

Transcript

1. DON’T LET COMPILATION SET THE LENGTH OF YOUR COFFEE BREAK Rares Matei @__rares Miroslav Jonas @meeroslav AgentConf ‘23 nx.dev
5. Rares Matei @__rares Miroslav Jonas @meeroslav
6. Coffee App “we roast then post” specialty coffee delivery service
7. Coffee App util-http util-stripe coffee-origin-screen grind-size-screen payment-screen ui-coffee-components payments-service
8. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components util-http payment-screen
9. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components util-http payment-screen
10. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http npm run test:util-http
11. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http npm run build:util-http
12. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build
13. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build Coffee e2e lint serve
14. Coffee e2e lint serve Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build
15. Coffee e2e lint serve Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build 1x build
16. Coffee e2e lint serve Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build 1x build 5x build
17. Coffee e2e lint serve Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build 1x build
18. Coffee e2e lint serve Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build build 1x build 3x build
20. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
21. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
22. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
23. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build build build build HOW?
24. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build build build build
27. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http test lint test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
28. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http lint test test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
30. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http lint test test test test test test test test lint lint lint lint lint lint lint build build build build build build build deploy Coffee e2e lint serve build
31. Coffee app util-stripe coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment-screen util-http lint test test test test test test test test lint lint lint lint lint lint lint build build build build build build build Coffee e2e lint serve build
32. Simple?
33. Simple?
37. ☁ DISTRIBUTED CACHING " npm run build:coffee-app
38. ☁ " npm run build:pizzaroni # $ % npm run lint:admin npm run lint:admin npm run build:coffee-app npm run build:coffee-app npm run build:coffee-app DISTRIBUTED CACHING
39. ☁ " npm run build:pizzaroni # $ % npm run lint:admin npm run lint:admin npm run build:pizzaroni npm run build:coffee-app npm run lint:admin nx affected build nx affected test nx affected lint npm run build:coffee-app npm run build:coffee-app npm run build:coffee-app DISTRIBUTED CACHING CI
40. ☁ " npm run build:pizzaroni # $ % npm run lint:admin npm run lint:admin npm run build:pizzaroni npm run build:pizzaroni npm run lint:admin nx affected build nx affected test nx affected lint & & & & & DISTRIBUTED CACHING CI
41. nx affected build nx affected test nx affected lint nx affected e2e CI
42. git pull origin/main npm run build:coffee-app " nx affected build nx affected test nx affected lint nx affected e2e Instant Replay CI
43. " $ ⌨ ( )
44. " $ ⌨ Instant Replay ✅ ✅
45. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e
46. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e lint lint lint lint
47. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e lint lint lint lint ✅ ✅ ✅ ❌
48. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e
49. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e lint lint lint lint ✅ ✅ ✅
50. Coffee app coffee-origin-screen grind-size-screen ui-coffee-components util-http Coffee e2e lint lint lint lint ✅ ✅ ✅ ✅
51. 90 + 11 = ?
52. 90 + 11 = 101
53. 167 + 51 = ?
54. 167 + 51 = 218
55. 258 + 99 = ?
57. Coffee app coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment util-http test lint test test test test test test lint lint lint lint lint lint build build build build build build build Coffee e2e e2e test
58. Coffee app coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment util-http test lint test test test test test test lint lint lint lint lint lint build build build build build build build Coffee e2e e2e test
59. Coffee app coffee-origin-screen grind-size-screen payments-service ui-coffee-components payment util-http Coffee e2e t
60. Coffee a coffee-origin-screen ui-coffee-components uti test lint test test lint lin build b build idle agent time build lint
61. Coffee a coffee-origin-screen ui-coffee-components uti test lint test test lint lin build b build build lint
62. build lint coffee-app e2e coffee-app build lib 2 lib 1 coffe test lint build & &
63. ☁ e2e e2e e2e Distributed execution AGENT 1 AGENT 2 AGENT 3
64. AGENT 1 AGENT 2 AGENT 3 e2e e2e lint test Instant Replay e2e build
65. ☁ AGENT 1 AGENT 2 AGENT 3 e2e e2e e2e Distributed execution
66. AGENT 1 AGENT 2 AGENT 3 e2e e2e e2e AGENT 4 AGENT 5 ☁ Distributed execution
67. AGENT 1 AGENT 2 e2e e2e e2e ☁ Distributed execution
68. Come on, how slow can it be?
70. USING MONOREPOS IS GOOD FOR THE ENVIRONMENT
71. RECAP
72. SPLIT APPS
73. USE AFFECTED
74. SHARE CACHE
75. DISTRIBUTE WORK
76. THANK YOU! Rares Matei @__rares Miroslav Jonas @meeroslav AgentConf ‘23 nx.dev