Angular 2 Application Architecture - Building Redux-like apps using RxJs

In this post, we are going to walk through how Angular 2 applications can be built in a Functional Reactive style using the RxJs library that is part of Angular 2. This post is based on Managing State in Angular 2 Applications by Victor Savkin (@victorsavkin), check it out for…

Functional Reactive Programming for Angular 2 Developers - RxJs and Observables

In this post we are going to go over the concept of Functional Reactive Programming from the point of view of an Angular 2 developer. Most of this is applicable for Angular 1 applications, but the examples in this post are in Angular 2. Lets go over the following topics…

How to create an Angular 2 component library, and how to consume it using SystemJs or Webpack

In this post we are going to see how an Angular 2 component library can be built and then consumed. Check this repository for a minimal sample library and examples on how to consume it in both SystemJs and Webpack. Let's go over the following topics: Choosing a format to…

Angular 2 Application Architecture - Building Flux Apps with Redux and Immutable.js

In this post we will explore how to design an Angular 2 application according to the Flux architecture, by using the Redux and Immutable.js libraries. Have a look at angular2-redux-store for a sample. We will go over the following topics: The challenges of building large scale single page apps…

Introduction to the Jspm package manager and the SystemJs module loader

In this post we will go over the current state of ES6 modularity, by learning how to use the Jspm package manager and its associated SystemJs module loader (the sample code is available here). We will go through the following topics: Using ES6 modules today Why is modularity important in…

Introduction to Angular 2 Forms - Template Driven vs Model Driven Forms

Note: updated to beta-1 In this post we will see how the Angular 2 Forms API works and how it can be used to build complex forms. We will go through the following topics, based on examples available in this repository: What is Angular 2 Forms all about Template Driven…

Introduction to Angular 2 - The fundamentals of Components

Although the internals of Angular 2 are still changing a lot, the public API for building components is already quite stable. In this post we will go through on how we can build components with this new version of Angular, based on some code examples (the code is available here…

Angular 1 vs Angular 2 - a high-level comparison

Angular 2 is currently still in Alpha/Developer Preview, but the main functionality and the core documentation are both already available. Let's gather here what is so far known about the design goals and features of Angular 2, and how they compare to Angular 1: Mains goals of Angular 2…

A complete toolchain for AngularJs - Gulp, Browserify, Sass

Starting an AngularJs project also means choosing a whole toolchain that goes along with Angular. In this blog post we will propose a set of tools that a new Angular project will likely need, and present a simple Gulp build that provides those features. Let's go over the following topics…

Introduction to AngularJs Form Validation

AngularJs is often seen as a viable solution for building full scale single page web applications. In this post we will go over how Angular is particularly well suited for building form-intensive large scale apps due it's inumerous form validation features (example). Angular was initially a tool for making forms…

Javascript debugging tips using the Chrome Dev Tools, deb.js and more

In this blog post we will go over some useful tips and tricks for debugging client-side Javascript using the Chrome Dev Tools. We will focus on situations where we actually don't know where to put the breakpoint in the first place. Let's go over the following topics: Find out what…