Orizen’s Angular 2 Blog Posts

This page includes the full series of articles about angular 2 published in orizen’s blog.

This series is kept updated with new articles that are published here.

Be sure to checkout my open source live project:

  1. Echoes Player (Angular 2 Version)
  2. angular 1 (production app link) to angular 2.

Online Angular (2+) & NGRX Workshop

Sign Up Today to the Orizen’s Online Angular (2+) and NGRX Workshop which includes: getting familiar with ngrx/store and ngrx/effects in Angular.

Front End Consulting & Development Offer By Orizens

Starting out with the new Angular ? Upgrading to Angular 2/4? Looking to plan ahead and start a new project?

Check out My ServicesWrite to me to ask a question

Get A Special Offer

Angular (2, 4 and above) Article Series

Reusing ngrx/effects in Angular (communicating between reducers)
After upgrading my open source project, “Echoes Player“, to work with the latest stable angular-cli 1.0 version (wrote an article
Read more.
Guidelines For developing with Angular, ngrx/store, ngrx/effects & AOT
With angular-cli tool entering RC-1, I decided to start migrating my open source project “Echoes Player” from angular class boilerplate.
Read more.
Lessons Learned from Creating A Typeahead With RxJs And Angular (2+)
Following recent articles on development of Echoes Player, my open source media player built with angular (v2), I really wanted
Read more.
Simple Action Creators for ngrx/store in Angular (2+)
In the development of Echoes Player (ng2 version),  I’m using ngrx/store for state management and ngrx/effects for logics with side effects.
Read more.
Stepping Into The Next Level With RxJs In Angular (2+)
Since I started developing the new version of Echoes with angular 2, I was vey interested in taking advantage of
Read more.
Angular (2+): From Services To Reactive Effects With Ngrx/Effects
In a former article, I wrote an introduction for integrating ngrx/effects with angular 2 – a functional approach for reacting to
Read more.
Angular 2 Final Version Is Live – Resource: Start With Ngrx Tools
It’s official – Angular version 2.0.0 is live. It’s been a long ride until the official announcement, and so until then,
Read more.
Angular (2+), Ngrx/Store & Ngrx/Effects – Intro To Functional Approach For A Chain Of Actions
The Ngrx projects adds functional approach to various interesting architectural implementations. I wrote about my experience with storing data using
Read more.
Angular (2+) NgZone Intro – The new “scope.apply”
Adding youtube player and google sign-in features to the echoes player version that I started developed with angular 2 was
Read more.
Angular (2+) – Communication Between Components & Components Design
In the last article, I added the ability to play a media in Echoes Player. I introduced a new reducer
Read more.
Adding Redux with NgRx/store to Angular (2+) – Part 2 (Testing Reducers)
In my recent article about adding redux with ngrx/store to angular2, I showed a nice example of integrating this awesome
Read more.
Angular (2+) & NgRx/store: The NgModel In Between Use Case (from Angular 1)
In the recent article, I integrated ngrx/store as a redux implementation to Echoes Player. Until this article, the search was
Read more.
Adding Redux with NgRx/Store to Angular (2+) – Part 1
The recent trend in state management has rise thanks to the popular library – Redux. I was very interested in
Read more.
Angular (2+): Attribute @Directive() & Creating An Infinite Scroll Directive
In the recent article, I used the new “ng-repeat” in angular 2, “NgFor“, and created component that consumes other custom component. In
Read more.
From Angular 1.x ng-repeat to Angular (2+) NgFor with Component
In the recent article, I wrote about the migration process of a component that is based on angular 1.x and
Read more.
Migrating A Component To Angular (2+): From Angular 1.x & Es2015
Following Echoes Player article series about angular & ES2015, I decided to develop this project with angular2. I intend to write
Read more.
From Angular ES5 Directive To Angular ES2015 Component (ES6)
Recently, I started refactoring Echoes Player, my open source project, from angular ES5 to angular 1 with ES2015 (former ES6). I’m
Read more.
Angular (2+): To Typescript or To ES5?
…that is the question. Aside from migrating angular 1.x code to angular 2 using few steps, i’ve been playing around with
Read more.
3 More Steps To Prepare Your Angular 1 Code To Angular (2+)
Angular 2 Beta has been released just a few days ago. The most significant announcement with this beta is that the
Read more.
5 Steps To Prepare Your Angular 1.x Code To Angular (2+)
I’ve been playing around with angular 2 (alpha v 0.46 now) lately. At first, it seemed strange and totally different
Read more.