Angular
Quickstart: Angular 19 Testing with Jest and Neovim
Looking to simplify testing in your Angular 19 monorepo and integrate it with Neovim? This guide will show you how to set up Jest, configure Angular for Jest, and use Neotest with the neotest-jest adapter to run tests directly in your editor.
Demo & Source Code
Here is the source code for the sample app used in this guide: GitHub Repo.
Angular Material 3 Theming: Design Tokens and System Variables
If you work with Angular and don’t want to or can’t develop every single component yourself, you use a framework like Angular Material. One of the great things about the framework is that it is based on a modern design system, Google’s Material version 3, and supports design tokens. This provides every product/project team with a common foundation that Product Owners, designers, customers, and developers can work on together.
In this article, I describe how to implement a Material 3 theme using the Angular Material framework.
View Transitions with Angular (SPA)
View transitions is a cool and powerful API we can use in our Angular application to create animated transitions between views to elevating the overall user experience and enhancing usability, resulting in positive user feedback.
Update
[2023-09-12] Angular router now supports View Transitions. (#73e4bf2)Use Case
The use case in this article is a single page application built with Angular to demonstrate a portfolio of a user. As in most customer projects, I also set up and use a design system here. I took the 3rd version of the great Google’s Material Design.