Speaker
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
✓ Fullstack Day for free
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to 594 €
Register now
✓ Fullstack Day for free
✓ PlayStation Classic Mini oder C64 Mini for free
✓ Bis zu 594 € sparen
Register now
Infos
09:00 - 17:00
Angular Workshop
Description
In this interactive workshop, you will develop a critical understanding for planning and implementing large enterprise applications with Angular. You will deal with well-established techniques provided by Domain-driven Design for planning your architecture.
You will explore and work with approaches to implement your architecture like npm packages, Nx monorepos and micro frontends. We discuss reactive facades to abstract our state management logic and to isolate our domain logic. To enforce our architecture and guarantee loosely coupling, we use access restrictions provided by Nx.
By the end, you will have a blueprint you can use for your own sustainable architectures.
Content & Process
Part 1: Npm and Monorepos
- Providing and publishing npm libraries for Angular
- Configuring custom libraries with the forRoot/forChild pattern
- Configuring custom libraries with DI and the open/closed principle
- Using the monorepo approch to compensate for shortcomings of libraries
- Using Nx for managing an Angular monorepo
- Visualizing the application structure with Nx
Part 2: Domain Driven Design for planning your Angular Architectures
- Strategic Design, the Bounded Context, and Context Mapping
- Cutting an application into self-contained sub-domains with Strategic Design
- Tactical Design with Domain Events, Aggregates, Facades and State Management
- Implementing Strategic and Tactical Design with Nx
- Enforcing access restrictions between libraries, domains, and layers with Nx
Part 3: Micro Frontends
- Moving from DDD to Micro Frontends
- Idea and mindset behind Micro Frontends
- Monorepo vs. multiple repositories
- Isolation vs. bundle size
- Implementing a Micro Frontend shell
- Lazy loading Micro Frontends
- Sharing code between Micro Frontends with webpack externals
- Communication between Micro Frontends
- Sharing widgets via Web Components
Audience & Requirements
This workshop is for Angular developers who want to know how to substructure their big enterprise applications to build a sustainable and maintainable architectures.
As this will be an interactive workshop, please bring your laptop and install the following software upfront:
- NodeJS in current LTS version (nodejs.org)
- Visual Studio Code
- Angular CLI: npm i -g @angular/cli
This Session belongs to the Diese Session gehört zum Programm vom LondonLondon and und New YorkNew York program. Take me to the program of . Hier geht es zum Programm von PWA Conference London PWA Conference London .
This Session belongs to the Diese Session gehört zum Programm vom LondonLondon and und New YorkNew York program. Take me to the program of . Hier geht es zum Programm von Munich München .