Angular Workshop: Sustainable Angular-Architectures with Nx Monorepos, DDD, and Micro Frontends [SOLD OUT]

Workshop
Join PWA Conference:
Register now
Join PWA Conference:
Register now
Thank you for participating. See you in 2021!
Register now
Thank you for participating. See you in 2021!
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until the conference starts:
✓ 2-in-1 conference package
✓ Group Discount
Register now
Bis Konferenzbeginn:
✓ 5-Tages-Special
✓ Kollegenrabatt
Register now
Infos
Wednesday, September 2 2020
09:00 - 17:00
Booking note:
Angular Workshop

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.

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

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 London (Online)London (Online) program. Take me to the program of . Hier geht es zum Programm von PWA Conference London PWA Conference London .

Take me to the full program of Zum vollständigen Programm von London (Online) London (Online) .

This Session belongs to the Diese Session gehört zum Programm vom London (Online)London (Online) program. Take me to the program of . Hier geht es zum Programm von New York New York .

This Session belongs to the Diese Session gehört zum Programm vom London (Online)London (Online) program. Take me to the program of . Hier geht es zum Programm von Munich München .

This Session Diese Session belongs to the gehört zum Programm von London (Online)London (Online) program. Take me to the current program of . Hier geht es zum aktuellen Programm von PWA Conference London PWA Conference London , London (Online) London (Online) , New York New York or oder Munich München .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows