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.
I have already shared here about how we met the second requirement, now let me share the approach we used…
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.
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
“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?
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
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…
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?
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…..