React Hooks and Components: Custom Hooks as Minions At Your Service

I was hoping to write yet another article about react hooks - but I felt like waiting for the right time to do it. I wanted this article to be useful and reusable for others. Like many others, I have been trying to wrap my head iwth the idea of hooks ... more

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 to the playlist that is currently playing. A somewhat not too visible feature in Echoes is the ability to “reveal” the now playing track in the ... 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 module, the jsonp module was also deprecated in favor of a better replacement which is included with the new ... 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 for how to make the code that I write to be better. While developing and enhancing my open source media player, Echoes Player, I tend to look again ... 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 about it), I set down to refactor the application's code. I always like to look at implementations few times and ... 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 about it), I set down to refactor the application’s code. I always like to look at implementations few times and experiment ... 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. Some of the code in "Echoes Player" wasn't AOT compatible, so compilation logged errors to the ... 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. Some of the code in “Echoes Player” wasn’t AOT compatible. As a result, compilation logged errors to the console. ... 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 to implement a typeahead feature for this version. There are some great ng2-typeahead out-there (available in npm), however, ... 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 implement a typeahead feature for this version. There are some great ng2-typeahead out-there (available in npm), however, I ... more

Angular Articles Series

Orizen’s Angular 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 live open source ... more

Angular Articles Series

Orizen’s Angular 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 live open source ... 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. I’m always looking for better and simpler ways to write code – just experimenting with how code can be written ... 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. I’m always looking for better and simpler ways to write code - just experimenting with how code can be written ... 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 rxjs. To be more specific, I was interested to see how it can used to reduce complexity and lead to a better, maintainable code. In this article ... 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 rxjs. To be more specific, I was interested to see how it can be used to reduce complexity and lead to a better, maintainable code. In ... 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 a chain of events. Since then, based on this approach, I defined more side effects for several actions in my open source project, ... 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 a chain of events. Since then, based on this approach, I defined more side effects for several actions in my open source ... 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, we had the chance to experiment with it, learn appropriate best practices and common solutions and sharing knowledge as a community. ... 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, we had the chance to experiment with it, learn appropriate best practices and common solutions and sharing knowledge as a community. ... 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 ngrx/store and testing this approach in angular 2 based app. Since then, I’ve had the chance of exploring ... 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 ngrx/store and testing this approach in Angular (+2) based app. Since then, I’ve had the chance of exploring ... 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 almost a no brainer. Since I took few steps ahead in preparing the angular 1 version code to angular 2, all left to do is copy and ... 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 almost a no brainer. Since I took few steps ahead in preparing the AngularJS version code to Angular (+2), all left to do is ... more

Environment Configuration with Angular.js, ES2015 / ES6 & Browserify

After converting Echoes Player project to use ES2015, I was searching for a comfortable way to have separate environment configurations. In this post I present the solution that works for me best. Why Environment Variables / Configuration Is Good There ... more

Environment Configuration with Angular.js, ES2015 / ES6 & Browserify

After converting Echoes Player project to use ES2015, I was searching for a comfortable way to have separate environment configurations. In this post I present the solution that works for me best. Why Environment Variables / Configuration Is Good There ... 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 which holds the state of the player. In this post I want to share my views regarding communication between different components – and how using the “ngrx/store” ... 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 which holds the state of the player. In this post I want to share my views regarding communication between different components - and how using the ... more

Adding Redux with NgRx/store to Angular2 – 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 state management library to my open source project Echoes Player. Since then, I really wanted to integrate youtube player into this ... 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 static with one hard coded search query. In this article, I’m sharing my insights on migrating more features from angular 1 and ... more