Runtime Optimization

Photo by Austin Distel on Unsplash

In my first post, I have already shared the memory optimization approach for angular application, now in this consecutive thread, I am going to share my real-time experience in optimizing angular application from a runtime perspective.

Let me re-iterate the major requirements which as a team we had to support during our regular development.

  1. The client wants every page of the application to be rendered with-in 90ms
  2. This web application will remain active and usable for 24x7 days.

I have already shared here about how we met the second requirement, now let me share the approach we used…


Photo by Nicolas Hoizey on Unsplash

Let me share my real-time experience with optimizing Angular applications and how we saved 80%~ time during component rendering.

This post is going to be big so for better readability I divided this post into two parts. In the first part, I will share my learnings on Memory optimization and the second part will cover Performance optimization.

Let's start now…

It all started a few months back when I got the opportunity to start working on some challenging requirements.

Let me share those requirements here so that you can also feel the heat.

  1. The client wants every page of the…


What, Why, and How?

Photo by Vlad Hilitanu on Unsplash

In this article, we will read about how to make a pineapple curry… ahh… sounds different, you are here for micro-frontend but reading about pineapple curry, what the hell is this? Don’t worry, this is just a mind trick to make your brain more active before reading about micro-frontends :) Ok let’s jump into our main topic, micro-frontends.

Git repo can be found here: https://github.com/nitin15j/microfrontend-webcomponent

The demo can be seen here: https://microfrontend.netlify.com and a single micro-app here: https://microfrontend-team-movies.netlify.com/

What is a micro-frontend?

“In this approach, the web application is broken down into its features, and each feature is owned, frontend to backend, by a…


is it really possible to push data using HTTP?

HTTP Push vs HTTP Pull
HTTP Push vs HTTP Pull
Photo by Tim Mossholder on Unsplash

There is a good requirement in the industry where you need to update data over the web in real-time. If you have worked in any real-time web application where data needs to be updated in UI in real-time like Trading platforms, Notification system, Reservation systems, Ticketing systems, etc. you would have been easily understood the requirement and power of PUSH.

Web Limitation: We majorly use HTTP/s as a communication protocol for web development and we know, it's unidirectional and stateless in nature. By Uni-directional we understand that data will flow in…


Real life project experience of selecting UI tech stack

Photo by Israel Egío on Unsplash

Lately, I started working on a Frontend Migration project where different multiple applications were running on Durandal and Knockout.

This interesting and lovely story started when one of our product architects installed me to understand the product line from a UI perspective. The client requirement was they wanted harmonization across all the different assets, as well as a Single Sign-On (SSO) platform to bring the better user experience.

I found their multiple products running on the outdated technology stack. There is no harmonization across these products. And they also need a…


Photo by Helloquence on Unsplash

In today’s frontend ecosystem, there is an overflowing ocean of state containers and every developer is sailing with one or the other state container. State container is like an abstraction which helps in managing application state with a more effective way. If you are not aware of what State container and State is then stop here and read this blog before continuing.

In this tutorial, I’m going to show you how to create a simple “ToDo” app in React using some of the popular state container choices like Hooks, Redux, Mobx, and setState, and in the end, I will do…


What is State and Why we need it?

Photo by Daniel Leone on Unsplash

This is a two-part series, In the first part, I am going to write about why we are speaking a lot about State and why we need it in our application. In the second part, I have written a sample to-do application using React and evaluated different state containers against multiple architectural concerns like Scalability, Manageability, Performance, and Productivity.

Let's start swiftly…..

Nitin Jain

Frontend Engineering Architect, a technology transformation specialist. Designed some of the complex real-time systems in Frontend. https://github.com/nitin15j

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store