Lightweight Architectures with Angular's Latest Innovations

Description

In the last months, Angular got tons of new features that allow to use the framework in a fresh and lightweight way. Standalone Components, updated APIs for the router and HttpClient (Standalone APIs), functional interceptors, guards, and resolvers, and the extended inject function are just a few examples.

In this session, we investigate, how these innovations help to improve our architectures. For this, we not only look into the new features but also combine them with typical patterns for structuring frontend applications. This leads to a more lightweight and modern architecture that is both, easier to implement and easier to maintain.

Key takeaways

1. Standalone Components make your architecture more lightweight

2. Structure your application with respect to both, the respective domain (vertical slice) and the technical type of the code (layer)

3. Use Standalone APIs to make different parts of your application accessible

4. The future is functional: Functional Guards, Resolvers and Interceptors

About Manfred

Trainer, consultant and programming architect with focus on Angular. Google Developer Expert (GDE) and Trusted Collaborator in the Angular team who writes for O'Reilly, the German Java Magazine, and windows.developer. Regularly speaks at conferences.

Learn more about Manfred at:

• https://www.angulararchitects.io/

• https://twitter.com/ManfredSteyer

• https://www.linkedin.com/in/manfred-steyer-84645821/

• https://github.com/manfredsteyer

• https://mastodon.social/@ManfredSteyer