Angular Momentum – Minko Gechev, JSNation 2023

Learn about Angular optimization techniques, including lazy loading, ng update, and signals, to improve performance, build times, and reactivity, and discover how these innovations have inspired other frameworks.

Key takeaways
  • Angular is not optimal in rendering closer to the storage for speeding up queries.
  • Performing hydration closer to the storage speeds up queries.
  • Lazy loading with ng update can be further optimized for performance.
  • Angular’s build process can be encapsulated and isolated from manual configuration using ng update.
  • The framework adopts the latest technologies and best practices, inspiring others to innovate.
  • JavaScript optimization techniques are crucial, like the Angular team’s use of the V8 engine.
  • Some code refactoring can achieve up to 2.5 times improvement in build times.
  • Change detection is not performed for components without bound data.
  • Signals as the reactivity model in Angular.
  • Signals can be built and maintained separately from Angular without coupling the framework.
  • They improve integration with the current reactivity model and provide a more simple implementation.
  • The concept of signals inspired the implementation of suspense in React and Vue.
  • The Angular compiler’s reactivity model implementation resembles a signal.
  • Suspense is a concept with which Angular is familiar, inspiring signal design.
  • Signals offer advantages like easier debugging and increased predictability.
  • They can integrate easily with the Angular CLI to ease build processes.
  • Optimized components with signals can also handle larger amounts of data better.