Did you know that Nx has first class support for React and Angular? Using Nx, it's possible to create a mono repo that contains Angular and React apps that share components. The article also outlines how Angular elements can be used for the shared components.
Large companies often use multiple frontend frameworks to build their products. One product can be built with Angular, another one with React. These products, even though are built by different teams using different stacks, often share components and utilities.
If bounded contexts and DDD mean anything to you, then this article is up your alley. Manfred shows how a monorepo approach to Angular application development can be used to create the appropriate boundaries in your domain.
Strategic Design provides a proven way to break an application into self-contained domains. These domains are characterized by their own specialized vocabulary, which must be used rigorously by all stakeholders.
Schematics are an amazing way to turbo charge your application development with code generation. In most cases, schematics work statically in a repeatable fashion. But what if you want to change the behavior of your schematic based on the results from an external service?
Once we went diving into the Schematic’s source code we found that a rule can return either a Tree or an Observable<Tree>. Yes! Now our options are opening up. This means that we can make a rule that can wait for the observable to be marked as completed.
Unit testing child components can be a mind bender for beginner Angular developers. This article explains a couple of different approaches on how to effectively test parent child relationships that utilize @ViewChild.
If you have been using Angular for any length of time, you have probably run into a parent component that references a child component using @ViewChild. Unit testing the parent component is trivial, if you just want to include the child component in the test. However, it gets tricky when we want to mock the child component with a stub.
Cory shows us how we can use CSS Custom Properties to dynamically theme an Angular application using var() syntax! The big caveat is that Internet Explorer 11 doesn't have any support for custom properties. But if you're one of the lucky developers that doesn't have to support IE, then this could be a great tool to have in your toolbox!