Notes‎ > ‎

Angular 2

Angular 2 is a complete rewrite of Angular 1 (no backwards compatibility). This is good because Angular 1 was slow.

Angular 2 focuses on performance, mobile and web applications and server-side rendering using Angular universal.

The component based architecture allows for large scale enterprise applications.

Angular 2 vs. React

React is library for rendering sites, built by Facebook (it is not a framework).

Angular 2 is a framework with great tooling, and React stacks are very diverse in implementations. This is why maintenance of many React.js projects started in 2015 and 2016 will be horror going forward. Continuous refactoring and yak shaving guaranteed for years.

As Angular 2 and React.js are both best suited for building complex front end applications. Many projects still don't require something like Angular 2 or React.js. It might be that simple and fast to pick up frameworks like Vue and Riot will fill in where developers previously used jQuery - small additions and things to CMS driven websites.

The downside of Angular 2 is it requires you to do things the "Angular" way which may limit you in complex apps.

Anguar 2 performance

4 Stages of Perf Tuning for your Angular2 App

Angular 2 paid training

Angular Class

Impressive claims to train teams in Angular 2, backed by their Angular 2 Webpack Starter kit:

Angular 2 biolerplates

Angular 2 Webpack starter

Good Angular 2 boilerplate with unit testing and code coverage!

This seed repo serves as an Angular 2 starter for anyone looking to get up and running with Angular 2 and TypeScript fast. Using a Webpack 2 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

  • Best practices in file and application organization for Angular 2.
  • Ready to go build system using Webpack for working with TypeScript.
  • Angular 2 examples that are ready to go when experimenting with Angular 2.
  • A great Angular 2 seed repo for anyone who wants to start their project.
  • Testing Angular 2 code with Jasmine and Karma.
  • Coverage with Istanbul and Karma
  • End-to-end Angular 2 code using Protractor.
  • Type manager with @types
  • Hot Module Replacement with Webpack and @angularclass/hmr and@angularclass/hmr-loader
  • Material Design with angular/material2

This Angular 2 starter kit features Angular 2 (Router, Forms, Http, Services,Tests, E2E), Material, Karma, Protractor,Jasmine, Istanbul, TypeScript, @types,TsLint, Codelyzer, Hot Module Replacement, and Webpack 2.

Angular 2 frameworks


Ionic 2 docs (for Angular 2):


For building native mobile apps

Turn Angular 2 apps into NativeScript apps

Examples to learn from

Good example showing many aspects of Angular 2 and Typescript


Atom Typescript

Open a .ts file and edit. No grunt no Visual Studio. Just pure coding.


API for asynchronous programming with observable streams

Good for multiplayer gamers.

The Observer pattern done right.

ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming.


Observables vs. Promises with demo

Database binding


Realtime, open-source, scalable database that pushes JSON to our apps in realtime. When we need to scale, we shard and replicate in a few clicks using a web UI.

Instead our apps polling "has any data changed?" RethinkDB pushes updates as they happen.


Official library for Firebase and Angular 2

Tree shaking

Remove unused code in final build step


Material Design components for Angular 2 apps


Connected client architecture
Javascript everywhere
Complete open platform

3-way data binding with Angular 2


Realtime chat app


Angular 2 Survey Results



Full-page websites with Angular 2

Built with Angular 2

Image carousel


Learn Angular 2


Curated list of Angular 2 resources

Angular 2 dependency injection TypeScript magic explained

Teams we may be able to hire


Built a dashboard demo