Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Building Angular apps
at scale
Önder Ceylan
@onderceylan
Sharing knowledge on #javascript, #typescript, #angular, #ionic and #pwa
JS Squad Lead @LINKIT
S...
@onderceylan
Challenges of large
organizations
😓 😔 😥 🤬
@onderceylan
Consistency
🧭
@onderceylan
Robust code
💪
@onderceylan
Maintainability
'
@onderceylan
Confidence
🤝
@onderceylan
Angular is a good fit for
large organisations
@onderceylan
No fragmentation
)* +🧙
@onderceylan
Semantic versioning
🚀
@onderceylan
Angular ❤ TypeScript
@onderceylan
Automation
🤖
@onderceylan
What large
organizations want?
0 1 2 3 4
@onderceylan
Code Storage
Monorepo Polyrepo
• All code in single repo
• No branching
• Atomic changes for entire
codebase
...
@onderceylan
Code Organization
Monolith Modular
• App and first-party code is
a single compilation unit
• Apps and librarie...
@onderceylan
Monolith Modular
App App
Shared
Components
Data

Libraries
@onderceylan
@onderceylan
@onderceylan
@onderceylan
@onderceylan
@onderceylan
What?
@onderceylan
Developer Experience
@onderceylan
Single versioning
@onderceylan
Code ownership
@onderceylan
@onderceylan
ITNEXT Space Demo
@onderceylan
References
• https://blog.nrwl.io/12-things-to-help-large-organizations-
do-angular-right-f261a798ad6b

• htt...
@onderceylan
Questions?
🤔
@onderceylan
Ask me questions on this topic anytime, DMs are open!
Upcoming SlideShare
Loading in …5
×

Building angular apps at scale

50 views

Published on

What’s the big deal with mono-repos? What are the advantages? We’re going to go through a mono-repo setup based on nx of nrwl. By adding multiple Angular, Testing and Library projects, we’ll demonstrate the scalable architecture of nx. On the second part of the talk, we’ll be discussing takeaways for the architecture, components, http, ngrx, performance, router, rxjs, tooling and typescript topics of a large Angular app based on the Angular checklist.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Building angular apps at scale

  1. 1. Building Angular apps at scale
  2. 2. Önder Ceylan @onderceylan Sharing knowledge on #javascript, #typescript, #angular, #ionic and #pwa JS Squad Lead @LINKIT Software Technical Lead @KLM Speaker, Organiser @ITNEXT Speaker, Organiser @GDG NL
  3. 3. @onderceylan Challenges of large organizations 😓 😔 😥 🤬
  4. 4. @onderceylan Consistency 🧭
  5. 5. @onderceylan Robust code 💪
  6. 6. @onderceylan Maintainability '
  7. 7. @onderceylan Confidence 🤝
  8. 8. @onderceylan Angular is a good fit for large organisations
  9. 9. @onderceylan No fragmentation )* +🧙
  10. 10. @onderceylan Semantic versioning 🚀
  11. 11. @onderceylan Angular ❤ TypeScript
  12. 12. @onderceylan Automation 🤖
  13. 13. @onderceylan What large organizations want? 0 1 2 3 4
  14. 14. @onderceylan Code Storage Monorepo Polyrepo • All code in single repo • No branching • Atomic changes for entire codebase • Typically single version of dependencies • Code across many repos • Branching • Independent dependency versions • Repos shared by tagging, publishing or submoduling • Each repo is single compilation unit
  15. 15. @onderceylan Code Organization Monolith Modular • App and first-party code is a single compilation unit • Apps and libraries are composed of many de-coupled, reusable units
  16. 16. @onderceylan Monolith Modular App App Shared Components Data
 Libraries
  17. 17. @onderceylan
  18. 18. @onderceylan
  19. 19. @onderceylan
  20. 20. @onderceylan
  21. 21. @onderceylan
  22. 22. @onderceylan What?
  23. 23. @onderceylan Developer Experience
  24. 24. @onderceylan Single versioning
  25. 25. @onderceylan Code ownership
  26. 26. @onderceylan
  27. 27. @onderceylan ITNEXT Space Demo
  28. 28. @onderceylan References • https://blog.nrwl.io/12-things-to-help-large-organizations- do-angular-right-f261a798ad6b • https://github.com/nrwl/nx-examples/ • https://www.youtube.com/watch?v=bMkKz8AedHc • https://nx.dev/
  29. 29. @onderceylan Questions? 🤔 @onderceylan Ask me questions on this topic anytime, DMs are open!

×