Angular Sussex 2020-12-02 Angular Micro-frontends & Reactive View Model with NgRx Component Store
** Note: Sorry about the poor quality of the recording of this meetup. We had to use a screen recorder after I setup the Hangout incorrectly. Next time will be better.
Micro-frontends in Angular, presented by Paul Eustice
As frontend projects burgeon over time, particularly in enterprise scenarios, scaling a business' development resource so that multiple teams can work together on a large codebase becomes ever more challenging. Breaking up a large project into smaller, independent products that can be managed by multiple product teams can increase the effectiveness and efficiency of teams working on frontend code.
Microfrontend architecture is a design approach in which a frontend product is composed of independently deployed applications that work seamlessly together to form one holistic offering - it's microservices for the frontend.
In his talk, Paul will show how to leverage Webpack 5's new Module Federation to build microfrontends in Angular.
Reactive View Model patterns using NgRx, presented by Max Mumford and Tom White
In September Max presented the View Model pattern, showing how to make an entire application become reactive. This coming meetup we're going to revisit this concept, and level up by using NgRx Component Store.
Using a single Observable for each component's internal dynamic state allows us to use onPush Change Detection across the entire application. This simple approach improves performance and paves the way for Zoneless app development. NgRx Component Store can extend this concept with extra architectural benefits, which we'll demonstrate with a demo repo for you to clone.