Jawad Hasan Shani

Getting Mouse Position using RxJS

by

Introduction This will be a short post just to demo some basic event capturing using RxJS. Requirement We want to capture mouse coordinates on the screen and use those values to move a shape around. You can use it for other effects as fit for your requirements. Code HTML First lets define a draw a … Read more

CSS Flexbox Basics

by

Introduction CSS Flexbox is a CSS web layout model which allows responsive elements within a container to be automatically arranged depending on viewport size. There are really two major parts of the flexbox we need to concern: Summary In this post, we covered the basics of flex-box, a CSS web layout model, which allows responsive … Read more

NgRx – Basics

by

Introduction NgRx is a framework for building reactive applications. It is Redux pattern tailored for Angular. The purpose of NgRx is to provide a formal pattern for Key Concepts @ngrx/store: Store is RxJS powered global state management for angular apps. Actions: describe unique evens that are dispatched from components and services.Reducers: state changes are handled … Read more

RxJS – Subjects

by

Introduction In previous posts we’ve discussed RxJS and saw few examples to understand how to use those in our angular applications You can check the earlier posts in following links Today, we’ll discuss Subject which is very useful and powerful feature of RxJS. We’ll start simple with few examples mostly around the subject theory and … Read more