State-Management mit NgRx in eine Applikation einführen

For the English Version, please scroll to the bottom.

Einführung in das State-Management in einer Angular-Anwendung – Mastering State Management in Angular: Migration, Architektur und Tests mit NgRx

In diesem intensiven eintägigen Workshop lernen Sie, wie Sie ein effektives State-Management in eine bestehende Angular-Anwendung einführen können. Wir führen Sie Schritt für Schritt durch den Migrationsprozess und zeigen Ihnen die Unterschiede zwischen dem klassischen NgRx und dem innovativen NgRx Signal Store. Sie werden wesentliche Architekturansätze kennenlernen, um ein robustes State-Management aufzubauen, und wir stellen effektive Testtechniken vor, um Stabilität und Wartbarkeit zu gewährleisten. Egal, ob Sie ein Angular-Entwickler sind, der komplexe Anforderungen an das State-Management optimieren möchte, oder Best Practices für Ihre Anwendungen sucht – dieser Workshop stattet Sie mit dem Wissen und den Werkzeugen aus, um die Performance und Wartbarkeit Ihrer Anwendungen auf das nächste Level zu heben.

Was erwartet Sie?

Ein umfassender Überblick über den Migrationsprozess
Unsere Trainer zeigen Ihnen Schritt für Schritt, wie Sie State-Management in eine bestehende Angular-Anwendung integrieren. Sie gewinnen einen klaren Überblick über die einzelnen Migrationsschritte und lernen, typische Herausforderungen zu meistern.

Einblicke in Classic NgRx vs. NgRx Signal Store
Entdecken Sie die Unterschiede zwischen dem traditionellen NgRx und dem neuen NgRx Signal Store. In detaillierten Demonstrationen erfahren Sie, wann sich welche Methode eignet, welche Vorteile und Abwägungen zu beachten sind und wie Sie deren Stärken für Ihre speziellen Anforderungen nutzen können.

Architektonische Best Practices für skalierbare Anwendungen
Erfahren Sie mehr über Architekturstrategien, die es ermöglichen, State-Management organisiert und wartbar zu gestalten, während Ihre Anwendung wächst. Wir werfen einen Blick auf Architekturansätze wie die auf Routen basierte oder modulare Architektur, die Ihre Anwendungen zukunftssicher und strukturiert halten.

Testtechniken für Anwendungen mit State-Management
Unsere Trainer präsentieren bewährte Teststrategien für Anwendungen mit State-Management – von Unit-Tests bis hin zu Integrationstests – um sicherzustellen, dass Ihre Anwendung stabil und zuverlässig bleibt.

Praxisorientierte Anwendungen und Best Practices
Anhand von praxisnahen Beispielen geben wir Ihnen umsetzbare Strategien und zeigen häufige Stolpersteine auf. Sie gewinnen ein solides Fundament in den Best Practices für das State-Management in Angular-Anwendungen.

Interaktives Q&A
In interaktiven Q&A-Sitzungen können Sie Fragen stellen, spezifische Szenarien durchgehen und Ihr Verständnis für State-Management-Konzepte vertiefen.

Was nehmen Sie mit?

Am Ende des Kurses haben Sie ein fundiertes Verständnis dafür, wie Sie eine bestehende Angular-Anwendung auf strukturiertes State-Management migrieren können, um sie effizienter und wartbarer zu machen. Sie kennen die Unterschiede zwischen dem klassischen NgRx und dem NgRx Signal Store und können fundierte Entscheidungen darüber treffen, wann Sie welche Methode einsetzen. Darüber hinaus lernen Sie wesentliche Architekturprinzipien für skalierbares State-Management und effektive Testmethoden kennen, die Ihre Anwendung stabil halten. Ausgestattet mit Best Practices und praxisnahen Beispielen sind Sie in der Lage, das State-Management auch in komplexen Angular-Anwendungen souverän zu meistern.

Für wen ist dieser Kurs geeignet?

Dieser Kurs richtet sich an Angular-Entwickler, die ihre Fähigkeiten im State-Management erweitern und ausbauen möchten. Er ist ideal für diejenigen, die Erfahrung im Aufbau von Angular-Anwendungen haben, aber die Organisation, Skalierbarkeit und Wartbarkeit ihres Code-Bestands verbessern möchten. Wenn Sie sich für fortgeschrittene Techniken des State-Managements, die Unterschiede zwischen den verschiedenen NgRx-Ansätzen oder Best Practices für Tests und Architekturdesign interessieren, wird dieser Workshop Ihnen wertvolle Einblicke bieten.

Was sollten Sie mitbringen?

Wenn Sie mit Ihrem eigenen Setup arbeiten möchten, sollten Sie Folgendes mitbringen:

- Notebook  
- Installiertes NodeJS, Git und AngularCLI  
- Einen Code-Editor wie VS Code oder ähnliches  

Information: Getränke wie Tee, Kaffee und Wasser sind während dieses ganztägigen Kurses inbegriffen, das Mittagessen jedoch nicht.

Für Unternehmen bieten wir Sonderkonditionen an. Bitte kontaktieren Sie uns für weitere Informationen (z.B. über das Kontaktformular).

================================

English Version

Introducing state management in an Angular application - Mastering State Management in Angular: Migration, Architecture, and Testing with NgRx

In this intensive one-day workshop, you'll gain practical experience in bringing state management to life in an existing Angular application. We’ll guide you through the migration process step-by-step, highlighting the key differences between classic NgRx and the innovative NgRx Signal Store. You'll explore essential architectural approaches for a robust state management setup, and dive into effective testing techniques to ensure stability and maintainability. Whether you’re an Angular developer looking to streamline complex state requirements or seeking best practices for your applications, this workshop equips you with the knowledge and tools to elevate your app’s performance and maintainability.

What can you expect?

A Comprehensive Walkthrough of the Migration Process
Watch as our trainers guide you step-by-step through the process of introducing state management into an existing Angular application. You’ll gain a clear understanding of the migration stages and how to handle typical challenges that arise.

Insights into Classic NgRx vs. NgRx Signal Store
Discover the differences between traditional NgRx and the newer NgRx Signal Store. Through detailed demonstrations, we’ll cover when to use each approach, the benefits and trade-offs, and how to leverage their strengths to meet specific application needs.

Architectural Best Practices for Scalable Applications
Learn about architectural strategies designed to keep state management organized and maintainable as your application grows. We’ll look at approaches like route-based and modular architectures, giving you ideas to streamline and future-proof your applications.

Testing Techniques for State-Managed Applications
The trainers will present best practices for testing state-managed applications, from unit testing to integration testing, ensuring your applications remain resilient and reliable.

Real-World Applications and Best Practices
Through examples based on real-world scenarios, we’ll share actionable strategies and common pitfalls to avoid. You’ll leave with a solid foundation in best practices for managing state in Angular applications.

Interactive Q&A
Engage in interactive Q&A sessions where you can clarify doubts, explore specific scenarios, and deepen your understanding of state management concepts.

What is the takeaway?

By the end of the course, you will have a good understanding of how to migrate an existing Angular application to structured state management in order for it to be more efficient and maintainable. You'll understand the difference between classic NgRx and NgRx Signal Store and thus be able to make informed decisions about when to use each approach. You will also learn the key architectural principles that guarantee scalable state management, and most effective testing strategies that will keep your application resilient. Equipped with best practices and real-world examples, you'll be confident managing state in even the most complex Angular applications.

Who is this course aimed at?

This course is designed for Angular developers who want to enhance their skills in managing application state as their projects grow in complexity. It's ideal for those who have experience building Angular applications but are looking to improve the organization, scalability, and maintainability of their codebase. If you’re a developer interested in understanding advanced state management techniques, the differences between NgRx approaches, or best practices for testing and architectural design, this workshop will provide valuable insights to elevate your Angular applications.

What do I need to bring?

If you would like to ride your own setup, you should have the following things ready:

Notebook
NodeJS, Git and AngularCLI installed.
A code editor like VS Code or similar. 
Information: Drinks such as tea, coffee and water are provided during this full-day course, but lunch is not included.

We offer special conditions for companies. Please contact us for further information (e.g. via the contact form).