Tech Jargon - Decoded

What is Throttling? Throttling is a technique used to limit the execution of a function to once every fixed time interval. How it works: • When an event is triggered, the code runs immediately. • A timer or "lock" is set for a specific duration (e.g., 1000ms). • While this timer is active, any new…

What is Debouncing? It is a programming technique used to ensure that a function is not called too frequently. It forces the function to wait for a specific period of inactivity before executing. Working: • An event (like a keypress) triggers a timer. • If the same event occurs again before the tim…

What is a Closure? A closure is a function that "remembers" the variables of its outer scope even after that outer scope has finished executing. How it works: - You define a function inside another function. - The inner function uses a variable from the outer function. - Even when the outer functi…

What is Hoisting in JavaScript? Hoisting is a behavior where the JS engine moves variable and function declarations to the top of their containing scope before the code actually runs. How it works: • During the creation phase, JS scans the code and allocates memory for declarations. • var: The dec…

What is a Call Stack? The Call Stack is a mechanism used by programming engines to keep track of function execution. It works on the LIFO (Last In, First Out) principle, meaning the last function added is the first one to be completed. How it works: • When a function is invoked, it is pushed onto …

What is the Event Loop? It is a mechanism that allows JavaScript to perform non-blocking operations despite being single-threaded. It manages the execution of multiple chunks of your script over time. How it works: • Call Stack: Executes your synchronous code line by line. • Web APIs: Handles async…

What is Tree Shaking? Tree shaking is a optimization technique used to remove "dead code" from your JavaScript bundle. It ensures that only the code you actually use gets sent to the user's browser. How it works: • It relies on Static Analysis of ES6 import and export statements. • The bundler (lik…

What is Bundling? Bundling is the process of merging multiple source code files (like JavaScript or CSS) into a single file (or a small group of files) to be delivered to the browser. How it works: • Dependency Mapping: The bundler starts at an entry file and follows every import or require stateme…

What is Code Splitting? It is a technique used to break a single large JavaScript bundle into smaller, manageable chunks. Instead of making users wait for the entire app to download at once, the browser only fetches the code needed for the current screen. How it works: - Bundlers (like Webpack or V…

What is Lazy Loading? It is a optimization strategy that delays the loading of resources until they are actually needed or visible to the user. How it works: • The application loads only the essential "critical" parts first. • Non-essential assets (like images or script chunks) are replaced with ti…

What is Static Site Generation (SSG)? SSG is a web development method where your website pages are pre-built into static HTML files at "build time" before any user actually visits the site. How it works: - You write your code and content. - During the build process, the generator combines your dat…

What is Server-Side Rendering (SSR)? SSR is a technique where the server handles the logic of generating a fully-formed HTML page and sends it to the browser ready to be displayed. The Process: • Browser requests a specific page. • Server fetches data from the database. • Server converts the code …

What is Client Side Rendering (CSR)? CSR is a method where your browser (the client) creates the final webpage on your screen using JavaScript. How it works: • The server sends an almost empty HTML file and a script bundle. • The browser downloads the script and executes it. • This script fetches d…

What is Hydration in Web Development? It is the process where client-side JavaScript attaches event listeners and state to a static HTML page that was previously rendered on the server. How it works: • The server sends a pre-rendered HTML file to the browser. • The browser displays this HTML immed…

What is Reconciliation? It is the process of comparing two separate sets of records to ensure they are consistent, accurate, and in agreement. How it works: • You take data from two different sources (Source A and Source B). • Match entries line-by-line based on a common identifier. • Flag any "orp…

What is Virtual DOM? It is a lightweight, JavaScript representation of the actual DOM. It lives in the memory and acts as a middle layer between the code and the browser's UI. The Problem it Solves: Manipulating the Real DOM is slow and expensive. Whenever a small change occurs, the browser often r…