Creating A Reactive State Flow By Extracting To Presentational Component

November 4, 2020

This videos shows you how to avoid some Angular anti-patterns by extracting to presentational components for a reactive state flow.

Christian

Hi there! I'm Christian, a freelance software developer helping people with Angular development. If you like my posts, make sure to follow me on Twitter.

Related Posts and Comments

How to Handle Errors in a Reactive Angular App

October 10, 2023 No Comments

In this post, we will cover how to handle errors in a reactive Angular app. To provide a good user experience you should always let your users know what state your application is in. That includes showing a loading spinner when it’s loading and showing error messages if there are any errors. It is a

How to Set Up Git Hooks in an Nx Repo

August 29, 2023 No Comments

Git hooks can be used to automate tasks in your development workflow. The earlier a bug is discovered, the cheaper it is to fix (and the less impact it has). Therefore it can be helpful to run tasks such as linting, formatting, and tests when you are e.g. committing and pushing your code, so any

The Stages of an Angular Architecture with Nx

July 25, 2023 3 Comments

Long gone are the times when the frontend was just a dumb static website. Frontend apps have gotten increasingly complex since the rise of single-page application frameworks like Angular. It comes with the price of increased complexity and the ever-changing frontend landscape requires you to have an architecture that allows you to scale and adapt

How to Combine Coverage from Cypress (E2E and Component Test) and Jest in an Nx Project

July 4, 2023 No Comments

Coverage helps us see what part of our app is covered with tests and can help us determine if new code is covered in pull requests with tools such as SonarQube or Coveralls. My recommended testing strategy for testing Angular apps is to focus on covering the use cases with Cypress component tests and add

The Best Way to Use Signals in Angular Apps

June 21, 2023 No Comments

Since Angular 16, Angular now has experimental support for signals and there is a lot of confusion in the community about whether this is going to replace RxJS or how it should be used in an app in combination with RxJS. This blog post sheds some light on what I think is the best way

High ROI Testing with Cypress Component Testing

May 18, 2023 2 Comments

Testing is one of the most struggled topics in Angular development and many developers are either giving up testing altogether or applying inefficient testing practices consuming all their precious time while giving few results in return. This blog post will change all this as we will cover how I overcame these struggles the hard way

CHRISTIAN LÜDEMANN