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

Nx - The Obvious Choice

Nx - The Obvious Choice

We live in a world constantly being tempted with choices. Choices that drain our time and energy. How do you decide what to use? How do you make sure your choice is the right one? Who should you trust?

Let me enlighten you on what benefits you will reap by using Nx (and monorepos) in every project size and setup. Let me give you enough arguments to make the right choice. The obvious choice you were missing this whole time.

Get ready for the future! Get ready for the age of monorepos!

B5a5aa65ece7b78c2b73afca48c48885?s=128

Miroslav Jonaš

March 23, 2022
Tweet

More Decks by Miroslav Jonaš

Other Decks in Programming

Transcript

  1. Miroslav Jonas / @meeroslav / nx.dev / nrwl.io The Obvious

    Choice Angular Munich Meetup / March 2022
  2. Miroslav 
 Jonaš @meeroslav

  3. CHOICES

  4. STAY FRESH LONGER

  5. FILTER THE NOISE

  6. ONE EASY CHOICE

  7. ONE OBVIOUS CHOICE

  8. Homepage App Backend Every application* UI Components 
 / 


    Design system
  9. Homepage App Backend Every application* UI Components 
 / 


    Design system Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Service 1
  10. Homepage App 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
  11. Homepage App 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
  12. Main library Website / Docs Every open source* Demo 1

    Example 2 Showcase 3
  13. Homepage App Backend Collocation UI Components 
 / 
 Design

    system Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Service 1 Admin Portal App Mobile App Utility
  14. Code sharing

  15. Just collocation NOT

  16. Affected graph store games sales coupons core shared admin

  17. Workspace analysis

  18. Task orchestration Test Build Lint Build Lint Test Build Lint

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

    { build, test, lint,... } Nx Local cache { build, test, lint,... } Nx Local cache
  20. Distributed task execution 10 tasks 110 tasks 100 tasks 150

    tasks 10 tasks 105 tasks 5 tasks 60 tasks 35 tasks Agent 1 Agent 2 Agent 3 Agent 4 Agent 5 Single agent
  21. Code constraints

  22. Code constraints store games sales coupons core shared admin

  23. But I have only one project…

  24. @angular/cli is awesome but Nx is über awesome

  25. Powerful generators

  26. Consistent tooling

  27. Demo time

  28. Monorepos bring clarity - workspace analysis - graph visualization

  29. - local & remote caching - task orchestration - detecting

    affected nodes - distributed task execution - remote execution Monorepos bring speed
  30. - code sharing - code collocation - powerful generators -

    consistent tooling - code constraints Monorepos make it easy
  31. nx.dev / nrwl.io Use

  32. Miroslav Jonas / @meeroslav / nx.dev / nrwl.io The Obvious

    Choice Angular Munich Meetup / March 2022