Jun 30How to Inject Angular Services in External JavaScript Functions, and Component’s Static FunctionsAs your enterprise application starts growing, you come to the point where you have one or many external JavaScript functions from 3rd party libraries, some static functions/classes. The situation becomes interesting when you have to pass data to these functions from the @Injectable() services. …Angular2 min read
Jun 18(Truly!?) Component oriented Angular application using Standalone componentsIf you have been following up Angular updates, you must have heard about Standalone components introduced in Angular 14 in feature preview. I have recently delivered a talk to Google I/O Calabar showcasing how to bootstrap a product idea using Standalone component approach. IO Extended Calabar 2022 | Google Developer Groups Google I/O is back, online, and free for everyone! I/O connects developers from around the world for thoughtful…gdg.community.devAngular2 min read
May 22Blue/Green Deployment Azure App Service + Asp.NET Core API + AngularThe Blue/Green deployment is one of the popular continuous deployment strategy to achieve “zero downtime” while deploying your application to production environment. There are very nice, detailed articles out there explaining how Blue/Green deployment works with Azure app services, as follows. https://azure.microsoft.com/en-us/blog/blue-green-deployments-using-azure-traffic-manager/ https://docs.microsoft.com/en-us/azure/app-service/deploy-staging-slots#Multi-PhaseAzure3 min read
May 17Using Microsoft’s FAST Design system in AngularIf you are frontend developer then you must have used few popular design system libraries like Bootstrap, Google Material Design etc. While building an Angular application, the most common design system choice is Angular Material library. There is another design system which you might not have heard or used so…Angular2 min read
May 1Deploy Angular application to Google Cloud Storage (GCP) with GZip compressionAfter publishing the previous story about how to compress Angular application, and deploy it to Azure Blob Storage, I have been getting many requests/questions asking how to compress and deploy the same to Google Cloud Storage bucket. The problem statement, background have been covered in previous story. So here I…Angular4 min read
Apr 21Improve Angular performance with Gzip compression + Azure Blob StorageI can't believe it’s been so long I haven’t written anything, but again, the past couple of years have been very challenging for all of us. Nonetheless, I am happy that I got a chance again to write another story. So in terms of Angular application performance topic, there are…Angular5 min read
Jun 20, 2021Building responsive UI with Angular Material — BreakpointObserverBuilding responsive web application is one of the unsaid requirement nowadays. There are different ways one can build responsive UI, ranging from plain old CSS media queries to various framework and libraries like Angular Material. In this story we will see how to build react to changing viewport on the…Angular1 min read
May 3, 2021UI workflow Tool to generate Angular applicationsIf you are an Angular developer, like to build and play with quick and cool ideas then you might find creating new Angular applications and its components using Angular CLI commands could be quite weary. Of course, the Angular CLI commands are very easy to use and handy. The complexity…Angular4 min read
Apr 18, 2021Building D3 interactive network graph D3 Force-Simulation + React + TypeScriptWe can build very powerful network graphs using D3 Force Simulation library. I have already written how we can build such graph in Angular in my previous blog. In this blog, I have done same exercise but with React.js and TypeScript. Before we start, checkout the running application to see…React3 min read
Feb 18, 2021Using GPU.js in AngularCompute matrix calculation using GPU in browser and Angular — In a typical client-server architecture, client is supposed to do a little processing of inputs and more of user interactions. A web client should capture user inputs and data and send it to a server where heavy computations will take place and result will be sent back to a client…Angular3 min read