Reacting to Domain Events

Explore how to handle domain events in your Angular application by subscribing to events and updating UI components. Learn to close sidebars after login, show the logged-in username, and dynamically toggle UI elements based on user login status.

We'll cover the following...

Closing the login sidebar and showing the main content
Updating the user-details component

Our Angular application is almost complete. There are a few things that we still need to do in order to round it out.

Firstly, once a user has completed the login form, we should close the login sidebar and show the main content once again.
Secondly, we should update the user-details component to show the currently logged-in username, as well as hide the “login” button. These changes can all occur on the back of the domain event USER_LOGIN_EVENT. To hide the sidebar, we need to react to the USER_LOGIN_EVENT ...

1.Before Getting Started

2.Introduction

3.Exploring the Type System

4.Challenge: TypeScript Basics

5.Interfaces in TypeScript

6.Classes in TypeScript

7.Inheritance in TypeScript

8.Modules in TypeScript

9.Challenge: Interfaces, Classes, Inheritance, and Modules

10.Generics in TypeScript

11.Advanced Type Inferences in TypeScript

12.Challenge: Generics and Advanced Type Inferences

13.Asynchronous Language Features

14.Decorators

15.Challenge: Asynchronous Language Features and Decorators

16.Integration with JavaScript

17.Strict Compiler Options

18.Challenge: Strict Compiler Options

19.Using Observables to Transform Data

20.Challenge: Using Observables to Transform Data

21.Test-Driven Development

22.Challenge: Test-Driven Development

23.Angular

24.Challenge: Angular

25.React

26.Challenge: React

27.Vue

28.Node and Express

29.An AWS Serverless API

30.Micro Front-Ends

31.Conclusion

Reacting to Domain Events