Topic: The Microfrontend Revolution: Using Webpack 5 Module Federation with Angular
The implementation of micro frontends has so far been anything but easy. Since common frameworks and build tools didn’t even know this idea, you had to dig into the tricks bag. Module Federation offered by Webpack 5 initiates a crucial change of direction here. It allows you to load separately compiled applications at runtime and to share.
Manfred Steyer is a trainer, consultant, and author with a focus on modern Web- and Service-Architectures based on. NET and Angular. He writes for O’Reilly, Hanser Presss, windows. developer as well as Heise Developer and is a member of the Expert-Network IT-Visions.
Topic – Simplifying Services and Dependency Injection in Angular
Dependency Injection is one of the most famous architecture patterns to create a scalable application that has loosely coupled entities such as classes. Application made using the DI pattern is highly loosely coupled, and any part such as the business logic layer of application can be replaced at the run time without affecting the presentation layer. By design Angular framework supports dependency injection. It enables you to inject dependencies such as services without writing your own DI container or refereeing to any third-party libraries.
You create a service in Angular to share data and operations between components, directives, etc. Mainly services are used to achieve separation of concerns and reusability. You keep operations such as API calls, logging, client-side data manipulations, etc. in a service. One of the significant purposes of creating a service is to keep component clean that focuses on user interaction and presentations.
So, if you create an object of services directly inside a component, then components and services are tightly coupled, and so Angular by design avoids that.
In this deep dive talk, you will learn about DI in Angular. This talk will cover in detail the various level of Providers and Injectors. You will learn,
1. How to create a tree-shakeable singleton service
2. Inject a service in lazy-loaded modules
3. Various providers such as
4. What are the best practices to work with Injector hierarchy etc.
This talk is a live coding talk with no PPT. The biggest take away from the talk would be, how to use Angular inbuilt DI to create better performant Angular application.
Topic: Angular Libs + Monorepos
Building Angular libraries inside an NX workspace, understanding shared libraries, publishing your library to npm.
Nishu Goel, Engineer@TheDataworks, Microsoft MVP, Google Developer Expert in Angular and Web technologies.
Connect @ Sunday 13, September 2020 @ 6:00 PM NPT via tiny.cc/techwebinar
Code of Conduct: http://tiny.cc/techwebinarcodeofconduct