A common problem when using Angular Elements with other frameworks such as React is that all inputs will be stringified. That means if you pass an object using attributes, you will get “[object, Object]” which is not something we can work with, in our Angular Elements components. This post will show, how to pass …
How to pass complex values to Angular Elements in React Read More »
Cypress has become the preferred way of doing UI testing of Angular apps by many Angular experts. It offers great improvements over Selenium-based testing tools by making the testing experience more like a real user using the built-in retry mechanism of assertions and commands (eg. click on the element), a user-friendly GUI which makes it …
I did a podcast episode for Adventures in Angular discussing the 10 commandments of Angular development. The commandments: Thou shalt separate smart and dumb components Thou shalt use abstractions Thou shalt have no other gods before Angular best practices/official guidelines Remember to type everything to keep it holy Thou shalt honor high ROI testing Honer thy Reactive architecture Thou shalt remember the responsive styling to keep …
The 10 Commandments of Angular Development – Adventures in Angular episode Read More »
NgRx is a popular state management framework implementing the Redux standard for Angular. Nevertheless, it is often one of the hardest things to learn when you are learning Angular. Often the confusion is not in the Redux flow itself (it is quite simple actually) but more in how you actually put it into use. As …
Throughout my career, I have worked on quite a few Angular projects. In this post, I will go through some of the different projects I have worked on and explain the lessons learned in each so you can learn from them. Ionic + Cordova mobile app with AngularJS (2015) This app was about creating an …
If we have UI components, that are using inputs, we normally want to hook it into the form handling so we can do form validation and show error messages. This post will show you how to use ControlValueAccessor to integrate your UI components into the form validation and how to control the error state in an Angular …
As an Angular consultant, the main problem I see new Angular developers have is how to use RxJS efficiently in Angular apps. In other words, how to use it to create a scalable and maintainable reactive architecture. What I see instead is an abuse of RxJS, which is a completely natural thing to do, when …
Refactoring Angular Apps to Reactive Architecture Read More »
I just did this live talk at AarhusJS – a Javascript meetup in Aarhus (Denmark), my hometown 🙂 The talk extended upon the lessons learned after working with Angular monorepo projects and will teach you about: Creating a good Angular architecture Case study: Monorepo architecture Using Sandboxes/facades Organizing libs and conventions in a monorepo Enforcing …