Let’s take a look at one of the most awaited Angular features. — Angular 15 is on the horizon, and with it, many great features. One I am incredibly excited about is directive composition. And I am not the only one. The directive composition has been one of the most upvoted Angular issues on GitHub. Let's see what it's all about. To explain…

Last year I wrote an article describing my home office setup back then. The perfect home office setup My tips on how to create a creative and productive environment at homekevinkreuzer.medium.com Since then, I have moved to a new apartment and created a new home office. I took the ideas described in the article above, improved them, and added some new gadgets. At this point, I am pretty…

Is it worth it? How much can we shake off the Routers bundle? — A couple of days ago, I came across this Tweet from Minko Gechev. Shave off 11%; that’s neat! 😎 We have to try this! I immediately grepped a fresh coffee and started to code a simple application with two lazy-loaded routes (/movies & /shows) that allows us to list…

Explore Angulars inject function, possible use cases, and anti-patterns — Angular v14 contains many great features. Besides standalone components and typed forms, the inject function was one of the most talked-about features on Twitter. But what is it all about? Let’s find out? In a nutshell, the inject function is a function that allows you to inject an Injectable. And…

How to apply Angular's latest router feature to dramatically simplify your code — When building Angular apps it's good practice to update the title of the tab on every successful navigation. Adding a page title improves accessibility and user experience. So far, you had to build this feature yourself, however, in Angular 14, this feature is provided by the framework. …

Explore alternate approaches to the deprecated::ng-deep Angular API to avoid legacy code and hard to debug side effects — Style encapsulation is one of many great Angular features. Style encapsulation ensures that component styles don’t leak out and affect the rest of the page.

How to configure an astonishing IDE in less than 5 minutes — VS Code has become the defacto standard editor for many frontend developers. One of the most extraordinary things about VS code is that it's extendable. Countless plugins help improve your development experience. But, precisely, this insane amount of plugins makes it hard to configure your VS code the right way…

How to generate, bootstrap, and lazy load Angular standalone components. — In version 14, Angular will release an impressive new feature named standalone components. Standalone components allow us to write Angular applications without NgModules. Why standalone components? Standalone components means no NgModules. NgModules are often confusing for new Angular developers. It’s an additional Angular-specific concept and there’s often confusion between Angular…

Explore all possible approaches to style projected content as well as their advantages and downsides. — ng-content is an important concept to create reusable and flexible components. With the help of ng-content content can be projected by a parent component into a predefined slot. In some cases, you want to apply some styles to the projected content. It doesn’t sound too hard. Does it? Well, it’s…