The 4 Most Valuable Sessions from ng-conf 2022
It was hard to choose just 4 Continue reading on ngconf »
Uncategorized
Angular CLI — A Brief Introduction
One of Angular’s strengths is that it includes a well-designed and extensible command line interface (CLI). The Angular CLI, also known as… Continue reading on ngconf »
Astro + Angular
tldr; Astro is a relatively new, all-in-one framework with the goal of creating performant, content-focused websites. The great part is that while there is some new Astro specific syntax you can learn, you can also bring your own frontend. Until recently, Angular was the exception to that rule. But with the release of standalone components …
Dynamically Execute Script in an Angular Component
Do you need to embed a third party application in your Angular application, but the third party only provides a script tag integration? How do you get the script to execute and render only where you place a specific component? Follow along to see how. It would be wonderful if we could just put a script …
Dynamically Execute Script in an Angular Component Read More »
Typescript Expression Engine
Expression Tree Evaluate expressions in real time against arbitrary data Introduction Consider the diagram above. The tree represents an expression, (a – b) / (c*d + e) Parentheses were added to aid in disambiguation. Now, consider the following block of JSON, { “customerId”: “123-456”, “a”: 1, “b”: 0, “c”: 1, “d”: 2, “e”: 3} Your task is …
Angular Application Build Optimizations
tldr; So many users use our applications on their phones and on mobile internet. Others may be on wifi, but not have super fast speeds. Because of those constraints, one of the most important things we can do is ensure our application bundle size is as small as possible. I recently went down the road …
What the ~|&||&&$!`()?
What do all these symbols mean? I saw someone post on Twitter recently that if you place a single ampersand between two shell commands… Continue reading on ngconf »
Don’t Trust Your Sr. Devs!
Image by John Hain from Pixabay Wait… I’m a Sr. dev?! Maybe a better title would be “Don’t just take everything a Sr. dev suggests as the best way to do everything, because they can’t possibly know the best way to do everything!” But, that’s not click-bait-y enough. I bring this subject up because, Friday, I …
Troubleshooting Angular routing
While the documentation of Angular routing is great, it does not cover some edge cases and troubleshooting of missing imports or duplicate paths in different submodules. So, in this story I decided to describe the ways you can break it. We will learn what can go wrong when configuring Angular routing and — through pain and suffering — how …
Reusable Component Pieces with ngTemplateOutlet
tldr; ng-template, ng-container, and ngTemplateOutlet provide the ability to reuse content inside an Angular component. Understanding what’s going on and how to use these methods allows a developer to build what they want without needing to duplicate parts of the template. Explanation of the Problem Have you ever needed to use *ngIf in your template, and …