Age of monorepos (NgDe)

Transcript

1. Miroslav Jonas / @meeroslav / nrwl.io / nx.dev The Age of Monorepos
2. @meeroslav WARNING! Bad design Flickering colors Life-changing features
3. @meeroslav Miroslav
 Jonaš @meeroslav
4. @meeroslav
5. @meeroslav STATIC WEB
 (pre JS era)
7. @meeroslav
8. @meeroslav successfully confusing 
 recruiters since 1995
9. @meeroslav Age 
 of
 Scripting
11. @meeroslav Age of jQuery
12. Age of SPAs
13. @meeroslav Age of JAMStack
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 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
19. 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
20. Code sharing Homepage App 
 (framework X) Admin Portal App Auth
21. @meeroslav Just collocation NOT
22. Affected graph admin store api
23. Affected graph admin store api
24. Affected graph + deploy admin store api
25. admin store api Deploy every second week Deploy on Tuesdays Deploy on every change Affected graph + deploy
26. Workspace analysis
27. Task orchestration Test Build Lint Build Lint Test Build Lint Test
29. Caching Never { build, test, lint… } same code twice { build, test, lint,... } Nx Local cache { build, test, lint,... } Nx Local cache CI provider
30. Distributed task execution Main agent
31. Distributed task execution Idle time Idle time
32. Distributed task execution
33. Distributed task execution Instant replay from cache
34. @meeroslav Agent utilization Optimal idle time
35. @meeroslav
36. Code constraints
37. Code constraints store checkout sales coupons core shared admin
38. @meeroslav
39. @meeroslav - onlyDependOnLibsWithTags
 scope:store -> store or shared - notDependOnLibsWithTags
 scope:store !-> api - bannedExternalImports
 scope:shared !-> @angular/* enforce-module-boundaries
40. @meeroslav - banTransitiveDependencies
 deps can get lost with update - checkNestedExternalImports
 shared !-> util -> @angular/* - allowCircularSelfDependency
 like living on the edge? enforce-module-boundaries
41. @meeroslav But I have only one project…
42. Powerful generators
43. @meeroslav
44. @meeroslav
45. Consistent tooling
46. @meeroslav Migrate existing Create new
47. @meeroslav Migrate existing Convert existing
48. @meeroslav Monorepos bring clarity - workspace analysis - graph visualization
49. @meeroslav Monorepos bring speed - local & remote caching - task orchestration - detecting affected nodes - distributed task execution
50. @meeroslav Monorepos make it easy - code sharing - code collocation - powerful generators - consistent tooling - code constraints
51. @meeroslav - developer mobility - collaboration as default - can change the organization - greater confidence - velocity increase Not just a fancy tool
52. @meeroslav
53. @meeroslav Use nx.dev
54. @meeroslav WHY BE A 10X 
 WHEN YOU CAN BE AN NX DEVELOPER?
55. Miroslav Jonas / @meeroslav / nrwl.io / nx.dev Thank you