In this series of posts, we’ll see how Angular helps us develop and maintain web apps by introducing neat abstractions that build on top of the existing HTML/CSS/DOM APIs. The strength of the web lies in its declarative and reactive nature. In most cases, Angular lets us move away from cumbersome, imperative DOM APIs to a much easier-to-use declarative style of coding. And Angular’s embrace of rxjs let us move towards a more reactive style of coding, not just for DOM events, but for other data flows in the app.

In our Angular apps, we pass data from one component to another all the time. We can facilitate the exchange through a shared service or just use simple input/output bindings if the components are in a direct parent-child relationship. Most often, the data are just plain JavaScript primitives/objects.

This page is now live! Woohoo!!