OpenAPI – Generate and use Angular Client Code

Introduction In one of earlier post, we discussed that An OpenAPI specification is a standard which describes the capabilities of our API, and how to interact with it. We also demonstrated a .NET Core Web API application integrated with OpenAPI/Swagger. If you haven’t already, I’ll suggest to check the previous post for background information, as … Read more

Konva – Transforming Shapes

Introduction In previous post we started with Konva introduction and wired it up in our angular application. Today we’ll continue our journey and learn about another useful feature of konva which helps us implement transformations with very little effort. If you haven’t already, please check the previous post for background information and we’ll be using … Read more

Konva – Basics

Introduction Konva is a wrapper for the HTML5 canvas element. In this post we’ll see a basic introduction of Konva library and we’ll also use it in an Angular application. Konva has very good documentation available, please check it to get more details as needed. Setting Up the Code Solution I will be using an … Read more

NgRx – Strongly Typing the State and Building Selectors

Introduction In an introductory post we started with the basics of NgRx. We covered the first steps towards centralized state management for our application using NgRx which is Redux pattern tailored for Angular. We installed the NgRx store and wired-it up in our application. We saw, how we can structure our application state in small … Read more

AWS ECS Fargate – Deploy and Run Multi-Container Web Application (.NET Core, Angular, Postgres)

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

Getting Mouse Position using RxJS

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

NgRx – Basics

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