Published inJavaScript in Plain English·PinnedReverse Engineering: NgModuleFactoryLoader in AngularLazy loading is a powerful feature of the Angular framework that allows developers to load modules on-demand, as opposed to upfront when the application is first loaded. This can improve performance and reduce the initial load time of the application. …Angular7 min readAngular7 min read
Published inJavaScript in Plain English·PinnedPerformance Optimization — Can We Configure Zone.js to Ignore Specific Events or Blacklist Them?Have you ever found yourself in a situation where your application is constantly triggering change detection, even when it shouldn’t? Perhaps you have a third-party library that’s firing events that you don’t care about, or maybe you’re receiving an overwhelming amount of data from a server that’s causing your UI…Angular3 min readAngular3 min read
Published inJavaScript in Plain English·PinnedAngular Zone.js & Change Detection: Understanding the Core ConceptsAngular is a popular JavaScript framework that is widely used to build dynamic and robust web applications. One of the key features of Angular is its powerful change detection mechanism, which is responsible for detecting changes in the application and updating the view accordingly. …Angular7 min readAngular7 min read
Published inFrontend Weekly·PinnedSOLID Principles — Concise and brief explanationHi Folks, Today I am going to tell you about what exactly SOLID Principles concepts are in simple terms. SOLID stands for 1. Single responsibility principle Each class should have only one reason to change. Decouple unrelated functionalities and segregate them into standalone classes. Readability, reusability, and maintainability. 2. Open-closed principle Introduce abstractions in front of code…Solid Principles1 min readSolid Principles1 min read
Published inFrontend Weekly·PinnedDynamic & Lazy Loading in Angular(Part -1)Hi Folks, Though many of you working as an angular developer knows what is lazy loading and even the newbie will get it correct as the word says lazy loading — on demand loading of the module. So what does it exactly means ? So, we have some structure like…Angular2 min readAngular2 min read
Published inJavaScript in Plain English·May 30Future-Proof Your JavaScript Code: The Game-Changing Immutability RevolutionIn this article, we will explore a set of new array methods that offer a fresh approach to achieving immutability. The methods under discussion are with, toSorted, toReversed, and toSpliced. Immutability ensures that the original array remains unchanged, and modifications are made on a new copy. While there were existing…JavaScript3 min readJavaScript3 min read
Published inJavaScript in Plain English·May 19Angular —Adapter Pattern: Simplify Data Integration(Kanban Board)Simplifying Integration and Enhancing Flexibility Introduction A common requirement in modern web development is the integration of data from multiple sources. However, working with various data formats and APIs can be complex, and code can be tightly coupled to specific data sources. To overcome this problem, the adapter pattern provides a solution by acting as a…Angular6 min readAngular6 min read
Published inJavaScript in Plain English·May 1914 Tips for Enhancing Angular PerformancePractical Techniques to Boost Angular Application Performance — Introduction: Angular is a powerful framework for building powerful web applications, and optimization is key to providing a great user experience. In this post, we’ll go over some practical tips to improve Angular performance. Each tip is accompanied by code examples to illustrate the implementation. Lazy Loading Modules: Lazy loading helps…Web Development4 min readWeb Development4 min read
Published inJavaScript in Plain English·May 14React: Abstract Design Pattern-DRY & Single Shared Responsibility(Part-2)Understanding the Abstract Method pattern in React and exploring how it can be implemented in your applications. — This is in continuation with the last article on React — Abstract Design pattern. This article is basically on the potential areas where performance issues could arise. Link to last article In continuation with the last post code, there are a few potential areas where performance issues could arise,React8 min readReact8 min read
Published inJavaScript in Plain English·May 14React: Abstract Design Pattern-DRY & Single Shared Responsibility(Part-1)Understanding the Abstract Method pattern in React and exploring how it can be implemented in your applications. — Today, I am going to showcase ADP(Abstract design pattern) inside react, and how can we achieve it. If you want see this happening in action inside Angular, please read this blog Angular-ADP. Before jumping into react, we need to know that what is an Abstract design pattern and whether it…React10 min readReact10 min read