Lars Gyrup Brink Nielsen articles - 61 total
You don't need importProvidersFrom with Angular Material
Cover photo generated with Microsoft Designer. Traditionally, we had to import mixed Angular modules...
Testing routed components with RouterTestingHarness
RouterTestingHarness uses the actual Angular Router API in our routed component tests.
Manage Nx library dependencies with the @nx/dependency-checks ESLint rule
The `@nx/dependency-checks` ESLint rule is an invaluable tool in managing peer dependencies of a buildable or publishable Nx library.
Stop using the defaultProject Nx CLI setting and start using NX_DEFAULT_PROJECT
The defaultProject Nx CLI setting is deprecated. However, there's a hidden alternative.
Testing Angular routing components with RouterTestingHarness, provideLocationMocks, and provideRouter
Learn how to implement integrated routing component tests with RouterTestingHarness, provideRouter, and provideLocationMocks.
YAML collections: Sequences and mappings
A quick overview of YAML sequences (arrays/lists) and mappings (hash maps/associative arrays).
The local component scope of standalone Angular components
The local component scope of a standalone Angular component is managed by listing declarable dependencies in the Component.imports metadata option.
Angular Revisited: Standalone Angular applications, the replacement for NgModules
The future is now, old man. Standalone Angular applications are now a viable alternative to classic NgModule-based Angular applications.
Angular CLI example for Jest Preview - the visual debugger for Jest
I contributed an Angular CLI example for Jest Preview, the visual debugger for component tests using Jest.
Docusaurus website for Analog.js - the full-stack meta-framework for Angular using Vite
I contributed a Docusaurus website with documentation and end-to-end tests for Analog.js, the upcoming meta-framework for Angular using Vite.
Spectacular prerelease v0.5 supports standalone feature tests and uses partial Ivy compilation
Standalone feature test provider, partial Ivy compilation, and requirement for at least Angular 12 in Spectacular prerelease version 0.5.0.
Spectacular prerelease v0.4 reintroduces the required pipeName option for pipe harnesses
The required pipeName option is reintroduced by Spectacular prerelease version 0.4.0.
Working on Lumberjack v14, the extensible logging library for Angular
Partial Ivy compilation, Nx 14, and Angular 14 support. Distributed Task Execution using Nx Cloud.
The worst piece of life advice I ever received
Don't conform to the Law of Jante. Fight the Impostor Syndrome. You are special.
Avoiding accidental open-source laundering with GitHub Copilot
Avoid legal and ethical issues when using GitHub Copilot by opting out of public code matching.
Nx for Angular developers
I started writing another book, it's called The Angular Developer's Nx Handbook and you can download...
Artificial transcendence: When does an artificial being become human?
Cover illustration by craiyon. Background Blake Lemoine is convinced that LaMDA is...
Recovering intentionally destroyed open-source repositories
It happens from time to time that disgruntled open-source maintainers destroy the very work they created.
Simplifying Angular testbed setup by converting to synchronous test hooks
Surprising to some, calling TestBed.compileComponents is unnecessary unless you're Google.
Improving Angular tests by enabling Angular testing module teardown
Introducing the ModuleTeardownOptions#destroyAfterEach option for the Angular testbed.
Filtering Protractor end-to-end tests with Angular CLI
Demonstrating the "grep" and "invertGrep" test filtering options of Angular CLI's Protractor builder.
Setting up an Angular 12 workspace with Nx and GitHub Actions
Setting up an Angular 12 workspace with Nx. Also setting up a GitHub Actions CI workflow with Nx Cloud support.
Setting up an Nx workspace with nx-dotnet
Setting up an Nx workspace for .NET development with nx-dotnet. Also setting up a GitHub Actions CI workflow.
Welcome to This is Learning—an invitation to our open tech authors community
This is Learning is the place to share what you learn. Welcome!
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 5
In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 4
In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 3
In Part 3 of this tutorial, we create the passenger info and flight search feature libraries. We use the generate project tool to create the mobile booking application and its test project. Finally, we create a mobile version of the flight search component template.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 2
In Part 2 of this tutorial, we'll set up our custom generate project tool and create the shared and booking data access libraries with NgRx. To honor the flow of dependencies, we extract a shared environments library.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
In this step-by-step tutorial, we set up an Nx-style monorepo workspace with the Angular CLI. In this first part, we create an application project, an end-to-end test project, and a feature shell library.
Create a component harness for your tests with Angular CDK
Learn how to create and consume a custom component harness using Angular CDK. With a step-by-step case study, we run it in unit tests and end-to-end tests.