A blog about my coding adventures
Introduction With AWS Fargate, we can run applications without managing servers. Fargate is a serverless compute engine for containers. In previous post, we covered basics of AWS Fargate and took a step by step approach to deploy and run a .NET Core Web API application on AWS Fargate Service. We used AWS Fargate web console … Read more
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
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
Introduction WebSocket is bi-directional, full duplex client/server communication protocol, available within browsers. You can check more details and the browsers support on this link. In this post, we’ll build a very simple WebSocket based client/server application. This shall help you to get started with this technology. Basic Setup Following is the basic setup diagram In … Read more
Introduction In previous post RxJS – Combining Data Streams we started with basics of combining an ActionStream and DataStream and why these are common in angular reactive applications. Today, we’ll see yet another example where we will combine a DataStream and ActionStream. Initial Setup We’ve some notes data available from a backend. Here is how … Read more
Introduction In previous few posts, we’ve covered some theory and few demos example of RxJS in Angular. The previous post was focused about RxJs Subjects and we saw few examples of its usage such as we built an eventBus to broadcast notifications and the likes. Today, we’ll learn about the various needs and patterns of … Read more
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
Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. Another approach we learned was use of template reference variable and @ViewChild decorator to access elements/components on template and call methods on it. You can check this article for details. Today, we’ll learn how to notify the component … Read more
Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. In this post we’ll explore another way to access the public properties and methods of a child components. This could be useful for different use cases. We’ll learn about using Template Reference Variable and/or @ViewChild() decorator. ViewChild/ViewChildren Selector … Read more
Introduction We use pipe for transforming bound properties before displaying them in a view. Angular provides us with few built-in pipes e.g. date, number, decimal, percent, currency, json etc. This time, we want to build our own custom pipe. Use Case Build a custom pipe which replaces ‘-‘ character with a space ‘ ‘. It … Read more