Dynamic Angular config, MQTT, and a microfrontend demo


Details
We get to meet in person again!
After a 2-year break, and our first online meetup, we are finally having a meetup in person.
Talks:
- Using Angular with Mosquitto´s MQTT in an IOT World
- Microfrontend demo
- Dynamische Konfiguration von Angular Anwendungen
Thanks to the kind people at adesso SE, specifically Tobias Struckmeier and Isabella Geiß, we have adesso rooms available, and some refreshments and food to discuss the talks afterward.
Check out the talk descriptions and come see three awesome talks.
***
Using Angular with Mosquitto´s MQTT in an IOT World
MQTT means Message Queuing Telemetry Transport. It’s a connectivity protocol used in the IoT world to communicate between machines. In this talk I will explain what MQTT is, what it is used for and how to connect Angular with Mosquitto´s MQTT Broker.
Franz Inselkammer
Franz is the CEO of Inovum IT Solutions and a passionate Angular and Java Programmer. Franz manages various IOT projects where MQTT is always an important message piece of the implementation. Apart from IOT and Computers, Franz loves Kitesurfing, Guitarplaying, Beach-Volleyball and Mountainbiking.
***
Microfrontend in action
In this project demo I'll present my own little project, a Fediverse frontend for Mastodon, Pixelfed (and Peertube, if I make it in time).
We saw talks about microfrontends on our Angular meetups, and we saw some demo code as well. This demo will show an actual production project, and while it's still in its early stages, we can see some cool things and enumerate some of the difficulties in running an actual set of applications integrated in a distributed dashboard.
Zlatko Duric
Chief talker about web things in msg systems
Zlatko is a principal IT consultant, working in the automotive&manufacturing branch at msg systems ag. Zlatko is currently focusing on frontend, his department is focusing on cloud, so he sees a lot of ways a frontend project can cause trouble to large integrations on AWS, Azure, k8s and similar platforms.
As part of his work, he organizes internal meetings, workshops, trainings on Angular, React and similar topics, and as part of his after-work hours, he organizes the Angular Munich Meetup, and as such, he gets to talk a lot and say countless silly things.
***
Dynamische Konfiguration von Angular Anwendungen
In modernen Umgebungen (Kubernetes) oder bei bestimmten Anforderungen ist es oft nicht mehr ausreichend, die Angular Anwendung bei build/deploy zu konfigurieren. Ständiges neu kompilieren ist keine Option und die CI Ressourcen sind endlich.
Um dieses Problem zu lösen, gibt es verschiedene Ansätze mit individuellen Vor- und Nachteilen. Die Konfigurationsdaten werden in einigen Situationen sehr früh im Startprozess der Angular Applikation benötigt, und dies kann Probleme verursachen.
Deshalb möchte ich euch die verschiedenen Varianten erläutern, die in solchen Fällen oft beschritten werden, alternativ zu den statischen Verfahren. Letztlich präsentiere ich euch den Ansatz, den wir in unserem aktuellen Kundenprojekt verwendet haben, in der Hoffnung, dass es euch Anregungen für eure eigenen Projekte gibt.
Michael Mannefeld
adesso SE, Senior Software Engineer
Seit 2 Jahren bin ich bei adesso als FullStack Entwickler unterwegs, mit Schwerpunkt im Frontend, und im aktuellen Projekt Angular.
Ich mag es, zusammen mit Kollegen neue Dinge zu kreieren, neues zu entdecken und auszuprobieren, und komplexe Probleme zu lösen.
Wenn ich nicht vor dem Computer sitze, fahre ich Fahrrad, Motorrad, spiele Gitarre …

Dynamic Angular config, MQTT, and a microfrontend demo