Orizen’s Angular (2, 4, 5) Articles Series

This page includes the full series of high quality articles on working with Angular 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 projects:

  1. Echoes Player (Angular Version, Source Code)
  2. Orizens npm packages

Online Angular & 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 consulting development
angular ngrx consulting
reactive programming angular ngrx cosulting packages

Angular (2, 4, 5 and above) Article Series

Ngrx, Scrolling Into DOM Elements & Components Communication
My open source app, Echoes Player, allows to consume and create a “now” playlist – where you can queue media
Read more.
Upgrading to Angular 5: Using HttpClient, JSONP with parameters
Angular released version 5 – deprecating the old http module “@angular/http” with the replacement of “@angular/common/http“. Along with the http
Read more.
Decluttering Angular Components: The Proxy Pattern
I like to write clear and maintainable code. To be honest – sometimes I just don’t. However, I always look
Read more.
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
Following recent articles on development of Echoes Player, my open source media player built with Angular, I really wanted to
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 AngularJS.x and ES2015. Since
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 AngularJS with ES2015 (former ES6). I’m following
Read more.
Angular (2+): To Typescript or To ES5?
…that is the question. Aside from migrating AngularJS.x code to Angular (+2) using few steps, i’ve been playing around with Angular
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.
angular consulting development
angular ngrx consulting
reactive programming angular ngrx cosulting packages