Articles tagged with: architecture

Modular Feature Driven Development - The Smart Phone Pattern (OS) with React & Redux Front end architecture is a very important aspect I consider when developing apps. I’ve been developing front end…

In few of my previous articles on React Hooks I mention how I’m using hooks to encapsulate features and making it reusable in apps. I consider state to be an important feature in app - and that’s why…

I have been writing about React Hooks and how I’m using it to encapsulate features and making it reusable in apps. In my opinion, Reusing hooks as self contained units is important as much as…

Show A PWA Update with Redux, React Hooks & Service Workers In this article, i’m sharing the method to notify about an update for ReadM PWA. readm is using a service worker to add offline and cache…

How To Let Your React Code Speak For Itself It has become extremely easy to manage state in React Functional components with Hooks. I’ve previously written of using Custom Hooks as a service and using…

In this article, I decided to go the technical route and sharing my experience with writing a custom hook and integrating some functional programming strategy. The article walks through a custom hook…

In a previous article, where I introduced Custom Hooks As A Service (CHAAS), I promised about sharing a custom hook strategy i’m working with - one that’s also good for integrating Redux and Hooks…

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…

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…

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…

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 ng…

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 (+…

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…

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…

Not long ago, I wrote about my experience and setup of Travis CI for running javascript testing (on an angular based web application) on my open source project, Echoes Player. On last week, I…

Since I started writing tests for my javascript projects, I feel it is much more robust and uncovers problems both in design and implementation in the right time. In this post, i’de like to share a…

Angular (+2) is a new take to the web components approach. It introduced a quite different syntax with the addition of typescript, annotations and more. Eventually, it has to be compiled to javascript…

I really like the web components approach that has recently got a hugh attention. It’s easy to design a solution that solves an encapsulated problem, while exporting it as an html tag. After working…

A couple of years ago I started developing Echoes Player with Backbone.js, Underscore.js, Bootstrap and Require.js. Recently I migrated the code to use browserify, and i’d like to share the insights…

Developing a well structured application wasn’t so straight forward for me when I started. Sure, using Backbone.js, angular.js, require.js contributed some benefits. Overtime, I stepped into…

In my early days as a developer, even before Backbone.js was released, I was eager to learn about good conventions and best practices for organizing code and workflows. I knew that somewhere, someone…