Jan 24Member-onlyAngular and tRPCMaximum type safety across the entire stack — On Twitter and Youtube, I heard many React developers talk about tRPC. I became curious and wanted to try it in Angular. Here's how to do it. What is tRPC? tRPC is a lightweight, high-performance RPC (Remote Procedure Call) framework designed to be simple, fast, and easy to use. It allows you to…Angular6 min readAngular6 min read
Nov 2, 2022Member-onlyAngular directive compositionLet’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…Angular7 min readAngular7 min read
Oct 20, 2022Member-onlyThe best home office gadgets in 2023Last 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…Home Office9 min readHome Office9 min read
Oct 18, 2022Member-onlyAngular Router Standalone APIsIs 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…Typescript6 min readTypescript6 min read
Jun 28, 2022Member-onlyAngular injectExplore 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…Angular7 min readAngular7 min read
Jun 7, 2022Member-onlyAngular’s new router title featureHow 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. …Angular4 min readAngular4 min read
May 25, 2022Member-only::ng-deep alternativesExplore 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.Angular4 min readAngular4 min read
May 19, 2022Member-onlyThe ultimate VS code setupHow 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…Vscode5 min readVscode5 min read
May 12, 2022Member-onlyAngular standalone componentsHow 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…Angular6 min readAngular6 min read
Apr 25, 2022Member-onlyThe ultimate guide to style content projection in AngularExplore 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…Angular8 min readAngular8 min read
