Here is an early prototype of an Angular application with lazy loading, built using Bazel and Rollup.
In this post I will evaluate the most common Angular bundlers to see how they compare in terms of bundle size.
Rollup is currently working on support for code splitting. In this post I will use this new, experimental, feature to bundle a mid size Angular application.
In this post I will show how to wire up a simple implementation of a Bazel build with a “live refresh” dev server.
In this post I will show how to retry http requests using RxJs.
In this article I will discuss some of the alternatives for preparing an Angular application for production. I will look at several different approaches, and highlight the pros and cons.
In this post I will show how to integrate a simple ngrx sample with the Closure compiler.
The goal of this post is to show how to fix a few common anti patterns I’ve seen in rxjs code.
One really cool thing about Angular is that the framework is decoupled from the DOM via a higher level API. In the following post I will show how to take advantage of this by running an Angular application in a web worker.
I am continuing my series of POC components using Angular. Today I have decided to create a virtualized spreadsheet component. The idea is to make a highly scalable grid by limiting the number of rendered DOM rows to a fixed number – backed by a virtual data source. The point of all this is not really to recreate Excel, but to play around with some new Angular concepts.
In this post I will talk about error handling in complex RxJs streams.
In this article we will discuss how to combine socket.io with RxJs Observables in Angular.
In the following post I will show how to combine i18n translations with Ahead of Time Compilation (AoT).
Angular code is decoupled from the underlying runtime environment, so in theory our code could run on any type of host. In this post we will show how to use NativeScript in combination with Angular to create a native app.
In this post I will show how to optimize NgUpgrade through lazy loading.
In the following post I will show that you can shrink the footprint of your Angular Webpack build by switching to ES6 and Babili.
In this post I will show how to use Angular Universal with Sql Server.
In this article I will show how to use dynamic forms in Angular.
In this article I will show how to use the ahead of time compiler (AOT) in Angular to improve performance.
Caching is important for performance, especially on bandwidth restricted devices and slow networks. In this article we will discuss how to cache http calls using rxjs observables.
In RxJs we often deal with multiple streams, but the end consumer typically only subscribes to a single stream. In this article we will look at ways to combine multiple streams into a single stream.
In this article I will show how to create a lazy loaded treeview using RxJs Observables.
I this post I will show how to use Angular Universal to generate Angular applications on the server.
In this post I will show one of the pitfalls of bundling in Angular.
Many existing Angular 1 projects are looking to NgUpgrade to help with the transition to post 1.x versions of Angular. In this post I will show how to create an optimized Angular bundle for the NgUpgrade scenario.
In this article I will attempt to use the Redux pattern in an Angular component.
Angular is now a lot less forgiving about undefined references in binding expressions than Angular 1.x is. In this post I will show how to use the safe navigation operator to safe guard against undefined references in view templates.
RxJs is all about managing event streams. In this post we will look at buffering emitted values in an rxjs stream.
The RxJs community has presented the idea that any series of events can be modeled as one or many asynchronous or synchronous arrays. In the following post I want to explore this by modeling a series of different user inputs as Observables.
In this article I will demonstrate how we can use Observables to implement a basic pub sub example.
Capturing user input is an important part of web development, so in the following post I will demonstrate how to use common input controls like textbox, checkbox and radio button in Angular.
One of the most common criticisms of Angular 1.x is the potentially inefficient change detection algorithm tied to the digest cycle. In this post I will discuss some of the major improvements to change detection in Angular.
In the following article I will show how to use ComponentFactoryResolver in Angular to insert components dynamically into the DOM
In this post I will demonstrate how to create a simple treeview using Angular and TypeScript.
I am continuing to experiments with Angular. In this article I will demonstrate how to create a grid component using Angular.
In the following post I will show how to use the built in form functionality in Angular. Through an example I will wire up some common controls and show how to do data binding and validation in the form.
In the following post I will describe how to integrate jQuery code with Angular.
In this post I will explain the purpose of the new @Input and @Output annotations in Angular.
I am continuing my Angular article series and today I want to show you how to integrate non Angular code in Angular. Specifically I will be integrating an existing React/Flux component with an Angular host component.
In this article I will cover some of the details of Angular dependency injection and highlight some of the changes from Angular 1.x.
Lately I have spent quite a bit of time working in both Angular 2.0 and Aurelia, so I figured I'd share some of my experiences here.
The new component based architecture in Angular is great for unit testing, so in the following article I will demonstrate how to unit test Angular 2.0 code using Jasmine and TypeScript.
In this post I am continuing my series of Angular articles by showing how to set up two way binding between input elements and model.
Most Angular developers are probably already familiar with the $timeout service. This service serves an important role in Angular 1.x, so today I decided to go digging for its counterpart in the new Angular world.
Angular includes a directive that tells Angular to not compile or evaluate bindings in the contents of a specified DOM element. In this simple example I will demo how to wire this up.
Being able to make http requests is a very important part of a single page application. In this post I will show a quick demo of how to make requests using the Angular http module.
In this post I will give an introduction to the new Angular router.
In this post I will show how to integrate Firebase with an Angular application.