West Cliff

Recommended VS Code Extensions

As I’ll explain in a follow up article, Visual Studio Code is my code editor of choice. I regularly use Linux, MacOS, and Windows, and it is very nice to have a consistent tool between each operating system. Here are my recommended VS Code extensions. General Angular C# Settings In addition to the above extensions, Read more about Recommended VS Code Extensions[…]

Sky Lodge view

A Curated List of Angular Resources

Having worked with Angular since mid-2017, I have collected many resources that I have found useful. I will keep this list up to date. Updated Oct 21, 2021 – fixed broken links. Angular Resources General Documentation Angular.io Includes good tutorials, detailed documentation, and API references along with interactive code snippets. This should be the default Read more about A Curated List of Angular Resources[…]

Creating a Multi-Control Custom Validator in Angular

Creating a Multi-Control Custom Validator in Angular

Custom validators in Angular’s reactive form library are one of the most powerful (and in my opinion overlooked) tools a developer has to create better form UI/UX. Custom validators aren’t just limited to a single control. It is easy to evaluate an entire group. This is great for comparing multiple controls. In this article I Read more about Creating a Multi-Control Custom Validator in Angular[…]

Lonely Road

Exploring Custom Form Validators In Angular

I believe that the reactive form library in Angular is one of the most powerful tools in the framework. Developers can create performant and reactive forms that provide great UI/UX. One part of the reactive form toolkit that I think people often overlook is creating custom validators. In this article I show how to create Read more about Exploring Custom Form Validators In Angular[…]

Western Diamond-backed Rattlesnake

Making a Password Strength Component in Angular

The Situation Reactive Forms in Angular are incredibly powerful and let developers design experiences that provide immediate feedback to users. In this post I show how to use RxJS in a reactive form to provide useful UI feedback for a common use case: creating a password strength component to show password indicators to users creating Read more about Making a Password Strength Component in Angular[…]

Paris Métro Graffiti

Making a LocaleUpperCasePipe for Angular

The Problem Angular uses pipes to help transform how data appears in the template. It provides a number of built-in pipes like DatePipe and UpperCasePipe. However, while working on a localization feature for a work project, a coworker pointed out that UpperCasePipe uses toUpperCase() under the hood. toUpperCase() is not locale aware, and will fail Read more about Making a LocaleUpperCasePipe for Angular[…]

Fireworks

I am giving a code talk on observables!

GDG Fresno accepted my talk proposal for Valley DevFest! It is titled Observables Are Not Promises! A How To. The talk will be on October 20, 2018 at 11:00 AM at Bitwise South Stadium in Fresno. I still have some work to do on the talk, and I needed to dust off and update this Read more about I am giving a code talk on observables![…]