Introduction

This is the first part of a series of articles about a case study for a web app implemented using Redux and Angular. In this article, there is no dependency on Angular, it applies wherever you find Redux. The project follows the architecture depicted on a previous article, but reading that article before this one is not necessary.

For easy referencing, here are the other articles in the series :

• Case Study pt.1: Planning business logic using Redux (this article)
• Case Study pt.2: Implementing Redux on Angular
• Case Study pt.3: Testing Redux Effects on Angular (to be published)

This project’s…

The problem

I’ve found two main approaches when unit testing observables behavior in javascript:

• the marbles testing framework for comparing an observable to a mocked observable
• checking the observable directly controlling time with the Zone.js fakeAsync(). Check this great article from Victor Savkin about fakeAsync().

The Zone.js fakeAsync() intercepts the asynchronous javascript features allowing for control of time. So, observables need no modification and, by default, they use the default scheduler and not the TestScheduler required by the marbles testing framework. While it is possible to make observables to use a provided scheduler, it is somewhat cumbersome and I had a lot…

Introduction

My latest side project is a full-blown web app made with some of the latest front-end technologies. The purpose of this article is to describe the modular architecture solution that I’ve used in that web app.

This architecture is dependent on some libraries and their concepts, which will be somewhat explained throughout the article:

• Redux which is a “predictable state container for JavaScript apps” helping you to “write applications that behave consistently”;
• RxJS which is a “library for composing asynchronous and event-based programs by using observable sequences”;
• “Epics” from Redux-Observable which is a side-effects manager for Redux, allowing for composing…