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 </>


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 </>


January 7, 2020

Using pipes with ngx-translate

Angular delivers it’s own i18n (internationalizion) API. Although the implementation is already very extensive and mature, some use cases are not covered. This also includes changing the language at run-time. When implementing Angular, a build must exist for each language. To close this gap, packages have been created that extend the functionality. A representative of […]
READ MORE

Janik Kessler
Developer at thecodecampus </>


October 21, 2019

New Typescript 3.7 Beta Features

With the TS 3.7 Beta release the version is now feature-complete and brings some new additions to the playingfield. In this post we want to highlight two new features, which can be helpful to save code and make it less error prone. Optional Chaining First we want to have alook at a common situation: retrieving […]
READ MORE

Janik Kessler
Developer at thecodecampus </>


May 10, 2019

Optimize the performance of large lists in Angular

Challenge If you are working with lists or tables which have a big amount of rows and columns, the performance can get worse if you don’t watch out. Especially if you have a large table with a lot of FormGroups inside. The following steps should clean up your code and increase the performance of your […]
READ MORE

Lino Fischer
Developer at thecodecampus </>


April 15, 2019

How to use Angular Environments shown with a Tetris Game

About Ng-dropping-stones is a small Tetris clone built with Angular 7. It can be played in the browser as well as on a raspberry pi based arcade machine, which we present at fairs (JavaLand, enterJS, Herbstcampus). History At first, ng-dropping-stones was designed for our arcade machine to present it on fairs. It was very well […]
READ MORE

Admin Admin
Developer at thecodecampus </>


April 1, 2019

Refactorable reactive forms in angular

Problem When creating forms with Angular, many accesses take place in the template using strings. This makes it difficult to perform refactorings automatically. It would be so desirable: Status quo Also the FormBuilder does not manage to get the problems better under control. It is only a help for the creation of the data structure […]
READ MORE

Sascha Engmann
Developer at thecodecampus </>