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: https://angularclass.github.io/angular2-webpack-starter/


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

Ionic 2 docs (for Angular 2): www.ionicframework.com/docs/v2


NativeScript

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


Typescript


Atom Typescript

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


ReactiveX

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


Observables vs. Promises with demo



Database binding



RethinkDB


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.


AngularFire2

Official library for Firebase and Angular 2




Tree shaking

Remove unused code in final build step

http://blog.rangle.io/optimize-your-angular2-application-with-tree-shaking


UI

Material Design components for Angular 2 apps


Meteor



Connected client architecture
Javascript everywhere
Complete open platform

3-way data binding with Angular 2



Dart


Realtime chat app


Surveys

Angular 2 Survey Results

Demos


CoreUI



Full-page websites with Angular 2



Built with Angular 2


Image carousel


Training


Learn Angular 2


Articles


Curated list of Angular 2 resources


Angular 2 dependency injection TypeScript magic explained


Teams we may be able to hire


Akveo

Built a dashboard demo http://akveo.com/ng2-admin
Comments