Don't let compilation set the length of your Glühwein break

Transcript

1. DON’T LET COMPILATION SET THE LENGTH OF YOUR GLÜHWEIN BREAK Miroslav Jonas @meeroslav NGGLÜHWEIN ‘23 nx.dev
2. PROCRASTINATION noun the action of delaying or postponing something.
5. Miroslav Jonas @meeroslav
6. NG COFFEE specialty coffee delivery Coffee App @meeroslav
7. Coffee App users products orders account product-list payment method-paypal method-stripe @meeroslav
8. Coffee App users products orders account product-list payment method-paypal method-stripe @meeroslav
9. Coffee App users products orders account product-list payment method-paypal method-stripe npm run test:method-stripe
10. Coffee App users products orders account product-list payment method-paypal method-stripe npm run build:method-stripe
11. Coffee App users products orders account product-list payment method-paypal method-stripe test test test test test test test test test lint lint lint lint lint lint lint lint lint build build build build build build build build build deploy Coffee e2e lint serve @meeroslav
12. Coffee App users products orders account product-list payment method-paypal method-stripe test test test test test test test test test lint lint lint lint lint lint lint lint lint build build build build build build build build build deploy Coffee e2e lint serve 5x build 1x build 3x build
14. Coffee App users products orders account product-list payment method-paypal method-stripe Coffee e2e build build build build build build HOW?
15. Coffee App users products orders account product-list payment method-paypal method-stripe Coffee e2e build build build build build build HOW?
17. @meeroslav
18. Coffee App users products orders account product-list payment method-paypal method-stripe Coffee e2e
20. Coffee App users products orders account product-list payment method-paypal method-stripe Coffee e2e
21. Coffee App users products orders account product-list payment method-paypal method-stripe Coffee e2e
22. Simple? @meeroslav
23. Live @meeroslav
25. DISTRIBUTED CACHING npm run build:coffee-app npm run lint:products npm run build:orders npm run e2e:coffee-app npm run resize-image-assets npm run deploy:coffee-app nx affected:lint nx affected:test nx affected:build ! ! !!!! ! ! ! !! ! ! !! @meeroslav
26. nx affected:build nx affected:test nx affected:lint nx affected:e2e CI
27. nx affected:build nx affected:test nx affected:lint nx affected:e2e CI git pull origin/main nx build coffee-app
28. ed:build ed:test ed:lint ed:e2e CI INSTANT REPLAY
29. INSTANT REPLAY
30. Distributed task execution build test, e2e lint
31. Main agent Distributed task execution
32. Idle time Idle time Distributed task execution
33. Distributed task execution
34. Distributed task execution INSTANT REPLAY
35. Distributed task execution
36. Distributed task execution
37. Agent utilization Optimal idle time
38. Distributed task execution
40. FRESH STUFF ™
41. nx affected -t build test lint e2e --distributes-on=“8 linux-medium” Meet Nx Agents
42. A run is as fast as the slowest task
43. nx e2e angular-e2e A run is as fast as the slowest task config cypress components misc module federation ng add ngrx project tailwind
44. nx e2e angular-e2e A run is as fast as the slowest task config cypress components misc module federation ng add ngrx project tailwind
45. nx e2e angular-e2e In-project distribution config cypress components misc module federation ng add ngrx project tailwind
46. nx e2e angular-e2e With scale up config cypress components misc module federation ng add ngrx project tailwind
47. nx e2e angular-e2e Or scale down config cypress components misc module federation ng add ngrx project tailwind
48. Prepare for the speed
49. USING NX IS GOOD FOR THE ENVIRONMENT
50. Not using Nx?
51. LET’S RECAP
52. SPLIT APPS INTO DOMAINS
53. USE AFFECTED TO OMIT WORK
54. SHARE CACHE TO AVOID DOUBLE WORK
55. DISTRIBUTE WORK TO SAVE TIME
56. Miroslav Jonas @meeroslav NGGLÜHWEIN ‘23 nx.dev @NxDevTools THANK YOU!