Bitwise Operations and tricksYou likely already know basic logical operations like AND and OR. Using if(condition1 && condition2) checks if both conditions are true, while OR (c1 || c2) requires at least one condition to be true. Same can be done bit-per-bit with whole numbers, ...Sep 22, 2025·8 min read·9
MutationObserver in JS OverviewThe MutationObserver interface offers the potential to observe for adjustments being made to the DOM tree. Suppose some data in the website is rendering with 3 seconds delay, it could be rendering by sever, so on/after page load. As a result of this ...Feb 19, 2025·7 min read·54
Essential Software Development Principles.Maintaining Software Development Principles is essential for writing simple and maintainable code. These are concepts to follow while coding to write better future proof code. Let’s take a glimpse on the core principles. S.O.L.I.D principles: - Sin...Jan 15, 2025·7 min read·12
Virtual DOM in React. A brief overview.Imagine you're working on a website, and you want to update something on the page, like changing some text or adding a new element. Your web page is actually a giant family tree with elements like div, p, img, table, span and many more, all interconn...Nov 23, 2024·2 min read·6
React caches static imports internally.React caches the static data that are imported. This is an advanced feature that made me grind for a while. I will explain from my understanding how this works following the codebase I faced issue with this topic. As I render two different components...Nov 23, 2024·3 min read·19
Bug in react? Component mounting and unmounting but does not update state.I am working on search feature of a sidebar menu of a dashboard. The sidebar was okay (till now). I was assigned a task to add a search feature to the sidebar menu and that's where I have fallen upon this problem. Even if I the components are mountin...Nov 23, 2024·4 min read·29
Concurrent Mode in ReactConcurrency means executing multiple tasks at the same time but not necessarily simultaneously. In the context of React.js, concurrency refers to having more than one task in progress at once without blocking the main thread, and concurrent tasks can...Nov 17, 2024·3 min read·4
