Home » Posts tagged "angular 2"

How to Implement Angular 2+ Routing

In the old world where all of our pages were on the server and every change on the client side required a full round trip to the server, each page was a unique URL on the server.  In the SPA world, we only load one “Page” from the server and the client takes care of making it look like we have moved from one page to another.

When done well, we can create pages that reuse existing content on the screen causing a minimal screen refresh while still allowing the user to link to a specific “Page” in our application.

These “Pages” are called “Routes”  As in, here is the route to some code I want to execute.

How to Implement Angular 2+ Routing
Photo via Visual Hunt

Continue reading “How to Implement Angular 2+ Routing”

Real World RxJS Marble Testing Revealed

There must be some evil plot to keep this information a secret because whenever I search for how to use RxJS Marble Testing all I see is how to use it to write tests for RxJS.  Well I’ve finally “cracked the code” In this article you’ll learn the basics of RxJS Marble Testing and how to apply Marble Testing to your own code.

Real World RxJS Marble Testing Revealed
Photo via Visualhunt

Continue reading “Real World RxJS Marble Testing Revealed”

NgRX/Store Coding Sanity Epiphany

Maybe this is all obvious to you, but since I don’t see anyone talking about this when I search for “how to do NgRX” or the various variants, I thought I’d call it out in this weeks post.

If you haven’t been following along, you’ll want to review my previous posts on NgRX.

NgRX/Store Coding Sanity Epiphany
Photo credit: spcbrass via Visual Hunt / CC BY-SA

Continue reading “NgRX/Store Coding Sanity Epiphany”

Functional Reactive Angular Revealed

Over the last month or so, I’ve been presenting the basics of how to use NgRX/Store with Angular.  In the past, I’ve praised the virtues of Reactive Forms, also known as Model Driven Forms.  These along with RxJS make up the pillars of Functional Reactive Angular Programming.

What is sad is that this reality is lost on so much of the Angular community.  When I listen to podcast where they talk about any of these concepts individually, Function Reactive Programming (FRP) is barely, if ever, mentioned.

But the scary thing is this, there are many people who are going to use the new Angular the way they used the old Angular and they will completely miss the main advantages.  They may even jump from Angular to React or (even) Aurelia.  And that’s just picking on the most recent frameworks.  Some will want to go back to Egypt and decide jQuery is a good choice!

Functional Reactive Programming is not just a hot new model.  It solves a lot of problems.

Functional Reactive Angular Revealed
Photo via VisualHunt.com

Continue reading “Functional Reactive Angular Revealed”