Nx Commands For Large Migrations
Make large Nx migrations easy with these 4 flags
Blog
Notes on web engineering, tooling, and leading teams. Browse by tag.
2023
My 2023 side project tech picks
My preferred technologies for building web applications cover backend options such as Firebase and Supabase, frontend frameworks like React, Vue, and Angular, tools for requirements and designs, and analytics solutions such as Google Analytics, Fathom, and Umami.
Unleash the Power of UUIDs in JavaScript: From Readability to Conciseness
Discover three approaches to generate UUIDs in JavaScript without relying on external libraries or npm packages including a readable method for easy comprehension, a concise solution utilizing regex and the replace method, and a modern approach leveraging the Web Crypto API for brevity and cryptographic strength.
2019
Angular ISO Date Pipe
The Angular Date pipe can do more than format local time. You can also work with any offset, such as zero UTC offset.
Configure Cypress with Gatsby
Test a Gatsby application before every release with Cypress.
Carbon Screenshots CLI
Repeatable, easy, and versioned configuration for code screenshots with the Carbon Now CLI.
Configuring Typescript 3.7 with Prettier
Getting those new features in Typescript 3.7 to work with Prettier
Dynamic Pipe Parameters in Angular
How to dynamically change parameters used with Angular Pipes
Self-hosting and cross-posting
How to increase search engine ranking while maintaining ownership of your content and reaching the maximum amount of viewers
4 min readseoInterpolating Schematic files and filenames
The process of moving and interpolating template files in schematics is extremely powerful. You can provide variables and methods to use in the files and filenames during interpolation which is very similar to what's available in Angular components.
3 ways to use Angular HTTP Interceptors
HTTP Interceptors provide a flexible mechanism to control your application when dealing with network-related resources. They’re similar to middleware in other frameworks and allow network logic to be abstracted and reused.
2018
Building Schematics with a Sandbox
Build Schematics quick and easy with visual diffs.
Rotate & Center Vertical Text
A responsive way to rotate and center text in its container.
Angular CLI Prompts
Angular CLI prompts are easy to configure and improve usability and validation.
Building an Angular Schematic for Jest
Jest is an alternative testing library that's compatible with Angular but requires some setup. I'll show you how I automated that process with Angular Schematics.