Fun with GitHub Copilot #1 (RxJS)
RxJS from, pipe, map, and filter Continue reading on ngconf »
Uncategorized
Angular Change Detection
tldr; Change detection in Angular is a core part of the framework, and understanding when it runs and how to manage it is essential to creating stable and performant applications. This article will cover those topics as well as a few things to look out for in your app to ensure you don’t negatively impact …
RxJS: defaultIfEmpty
tldr; RxJS pipelines are convenient ways to get work done in your applications. You can essentially tell the app the steps it needs to take, and it will go step by step through the pipeline. But what if one of the steps will potentially be empty, but you want the pipeline to continue? That’s where …
The 4 Most Valuable Sessions from ng-conf 2022
It was hard to choose just 4 Continue reading on ngconf »
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 »