Seth Davenport

Over the last year, two architectural ideas have risen to the surface of JavaScript web app development: Component-Oriented Architecture (COA) and Redux state management. Component-Oriented Architecture is one of the main tenets in both React and Angular: it encourages developers to break down the UI into a graph of self-contained, re-usable UI components. On the other hand, Redux is a functional-reactive approach to state management where the UI is at any time a derivation of a global, immutable store.

JavaScript is evolving rapidly, with new approaches to application development appearing almost on a monthly basis. As a training firm, one of the services we provide is staying on top of these changes and advising our clients on contemporary thinking.

Once again, Rangle was a Platinum sponsor of ng-conf in Salt Lake City, and this year made an even bigger impact than the last two years we've sponsored. Rangle's CEO Nick van Weerdenburg led a contingent of 23 Ranglers to the conference to learn about the future of the platform and even present some material on decorators and our new official Angular 2 developer tool Augury.

In part 1 of this series we defined a QuoteComponent that displays a random quote on a web page. We showed how to use Angular 2's testing utilities to mock out QuoteService and test the QuoteComponent's presentation logic in isolation.

One of the largest process problems in building single page applications with AngularJS, React or Backbone is safely maintaining the contract between the AngularJS application and the REST API.