April 11, 2024

Angular Signals Part 2 – How to combine Angular Signals and RxJS

In the first article of this series, Angular Signals Part 1 – How-to guide on Angular Signals, we summarized what Angular Signals are and how to use them. Now let’s take a look at why Signals are not a replacement for RxJS and how to best combine both technologies. As already mentioned, Signals are particularly well suited to managing synchronous states in the application. However, this means that they take over a task that was previously handled by RxJS. So the question is whether Signals will completely replace RxJS? The answer is: […]

theCodeCampus Autorin Anne Naumann

Anne Naumann
Developer at thecodecampus </>


Angular Signals Teil 2 – Wie kombiniert man Angular Signals und RxJS

Im ersten Beitrag dieser Artikelserie, Angular Signals Teil 1 – How-to Guide für Angular Signals, haben wir zusammengefasst was Angular Signals sind und wie man sie verwendet. Jetzt wollen wir uns anschauen warum Signals kein Ersatz für RxJS sind und wie man beide Technologien am besten kombiniert. Wie bereits festgehalten, sind Signals besonders gut dafür geeignet synchrone Zustände in der Anwendung zu verwalten. Damit übernehmen sie aber eine Aufgabe die bisher von RxJS behandelt wurde. Die Frage ist also, ob Signals RxJS gänzlich ablösen werden? Die Antwort darauf ist: […]

theCodeCampus Autorin Anne Naumann

Anne Naumann
Developer at thecodecampus </>


February 14, 2024

Angular Signals Teil 1 – How-to Guide für Angular Signals

In der Weiterentwicklung von Angular wird mit der Einführung von Signals ein einfacherer und effizienterer Ansatz zur Erkennung von Änderungen eingeführt, der die Leistung und Reaktivität von Anwendungen grundlegend verbessert. Signals wurden bereits in Angular Version 16 als Developer Preview eingeführt. Mit Angular 17 […]

theCodeCampus Autorin Anne Naumann

Anne Naumann
Developer at thecodecampus </>


January 1, 2024

How to optimize performance of large lists in angular

When dealing with extensive lists or tables in Angular, optimizing performance becomes crucial to ensure a smooth user experience. In this post we will show you different ways to optimize the performance of large lists in Angular. We will be covering low hanging fruits, that are fairly easy to implement, two lazy loading strategies and […]
READ MORE

Lino Fischer
Developer at thecodecampus </>


March 1, 2021

Angular Drag & Drop with CDK

1. Introduction/Motivation     If you want to develop an app and make it more interactive than a normal web app, you can implement the CDK (Component Development Kit) drag and drop feature in Angular. Besides sortable lists and normal items such as div elements, there are other ideas in which cases drag&drop can be […]
READ MORE

Admin Admin
Developer at thecodecampus </>


December 10, 2020

Angular 11: Hot Module Replacement

Angular 11 was released few weeks ago and with it comes a large number of performance upgrades, bugfixes and improved logging. Not only was the upgrade from Angular V10 to V11 painless but I wanted to share with you the new Hot Module Replacement (HMR) feature. This has been exposed on the CLI if you […]
READ MORE

Admin Admin
Developer at thecodecampus </>


July 30, 2020

Introduction to react for angular developers Part 1

You are an angular developer, but now you are getting a little bit confused, because everyone is talking about something called react? So take a look at this short practical comparison of these two big Frameworks and get an impression of the differences and similarities. Following, we will create the same app in both of […]
READ MORE

Lino Fischer
Developer at thecodecampus </>


April 30, 2020

Display the version and git hash in Angular

Display the version and git hash in Angular In this post I will explain the process to you that we at W11K use to display the git-hash and application version in our Angular Apps. I will briefly explain the motivation why we want to do this and show you how to use our Open Source […]
READ MORE

theCodeCampus Autor Kai Henzler

Kai Henzler
Developer at thecodecampus </>


February 11, 2020

Typescript delay with async/await

Sometimes it is necessary in JavaScript to delay/sleep a program for a certain time. Therefore we can generate this behavior ourselves using a small helper function, thanks to the asynchronous nature of javascript. For example:

With this we can delay the program flow for a certain time in the following function

But it […]
READ MORE

Admin Admin
Developer at thecodecampus </>