Resources  
  • Understanding Event Loop, Callbacks, and Promises in Node.js Jul 02, 2025. Learn how Node.js handles asynchronous operations using the event loop, callbacks, promises, and async/await. Understand microtasks, macrotasks, and how to write clean, non-blocking async code.
  • Why Node.js is Non-Blocking: Event Queue, Loop, and Emitters ExplainedJul 01, 2025. Have you ever wondered how Node.js can handle thousands of users at once, all while running on a single thread? The secret lies in its non-blocking, event-driven architecture-powered by the event loop, event queue, and EventEmitter.
  • Building an AI-Powered Quiz Generator with React and Gemini AIJun 30, 2025. Build custom quizzes on any topic using Google's Gemini AI with this modern React app. Features include difficulty settings, real-time feedback, explanations, and smooth deployment via GitHub Pages.
  • Next.js App Router Explained: The Modern Way to Build RoutesJun 27, 2025. Learn how to use Next.js App Router—a modern routing system using the `/app` directory. It supports layouts, nested routes, loading states, dynamic paths, and more for scalable, organized applications.
  • Why Does useEffect Run Multiple Times in React? Explained with FixesJun 26, 2025. Struggling with useEffect running multiple times in React? Learn the real reasons behind multiple executions and how to control it using dependency arrays and best practices.
  • Can You Use React Hooks Inside Loops or Conditions? Here’s Why NotJun 26, 2025. Ever wondered why React throws errors when you use hooks inside loops or if statements? Learn the rules of hooks and how to structure your code properly to avoid bugs.
  • A Comparative Guide to Imperative and Declarative ProgrammingJun 23, 2025. Explore the differences between imperative and declarative programming in C# with real examples. Learn how styles like LINQ improve code clarity, efficiency, and help manage logic, flow, and state effectively.
  • You’re Using useState for That? CuteJun 15, 2025. Tired of useState management in complex components? useReducer is way for building structured, scalable state management in React + TypeScript.
  • Wrapper Component to Consumer Component: That’s a Wrap!Jun 09, 2025. This article breaks down how wrapper components work in React, showing you how to build flexible, reusable UI pieces without losing your mind or your types. Learn how to pass props, handle refs, and keep your components clean and powerful.
  • useRef: The React Hook You’re Sleeping OnJun 06, 2025. Learn how React’s useRef hook helps you persist values and directly access DOM elements across renders. Perfect for managing focus, timers, or mutable state without triggering UI updates.
  • Power Automate Desktop - How to Use For Each Loop and Best Practices (PAD)Jun 05, 2025. Learn how to use the For Each loop in Power Automate Desktop with real-world Excel examples, best practices, and error handling tips to build clean, efficient, and scalable automations.
  • Understanding useState in ReactJun 04, 2025. How React hooks really work, and how to use them like someone who knows what they're doing. From basics to real-world cases.
  • Understanding Cycle Sort in JavaJun 01, 2025. The fundamental principle behind cycle sort is to place each element directly into its final sorted position. The algorithm works by counting how many elements are smaller than the current element, which determines its correct position in the sorted array.
  • React Children! Yeah, That’s What They CalledJun 01, 2025. You’ve seen children all over React code, but no one told you how to actually use it well. This is your real-world guide to doing it right, less theory, more code you’d actually ship.
  • Interfaces vs Types in TypeScriptMay 29, 2025. Don’t waste another hour arguing over type vs interface. Here's what matters, what doesn't, and how to pick the right one without overthinking it.
  • How to Pass Functions & Params in React + TypeScriptMay 27, 2025. You’re passing functions around like candy in your React app, but when TypeScript throws a tantrum, you start hacking with any or begging Google for help. Let’s fix that.
  • One Cool Trick in React: MemoMay 26, 2025. There is no need to re-render child components every time value on parent component changed, that's where React brings memo.
  • Create React TS Apps with CRA & ViteMay 22, 2025. Learn how to set up your first React + TypeScript apps in VSCode using CRA and Vite. Follow simple steps to get started fast with both popular tools.
  • Let's Start with React ComponentsMay 22, 2025. Learn the basics of React components and how they help build dynamic user interfaces. This beginner-friendly guide introduces you to functional components, props, and component structures to kickstart your journey in React development.
  • Sir, This Is a TypeScript FunctionMay 21, 2025. Functions are one of the most fundamental concepts in programming. They’re where your application’s logic lives and in TypeScript, they’re even more powerful thanks to static typing.
  • Understanding Types in TypeScriptMay 15, 2025. Explore the different types in TypeScript, including primitives, union and intersection types, type aliases, interfaces, and generics.
  • TypeScript: Strong Types and Where to Find Them?May 09, 2025. TypeScript is a typed version of JavaScript that helps catch errors early and improve code quality. Let me explains what it is, why it’s useful, and how to get started.
  • How Go Improves TypeScript Compilation & ToolingMar 14, 2025. TypeScript's migration to a Go-based compiler boosts performance with faster builds, parallelized type-checking, and improved memory efficiency. Developers enjoy a seamless workflow with enhanced tooling.
  • Swap First and Last Rows in a Matrix Using Java with CodeJan 28, 2025. Learn how to interchange the first and last rows of a matrix in Java using simple loops or efficient methods like `System.arraycopy()`, complete with examples, explanations, and practical tips.
  • Printing a 2D Array in Java with CodeJan 23, 2025. Explore methods to print a 2D array in Java, including nested loops, Arrays.deepToString(), for-each loops, and Java 8 streams, with detailed explanations and code examples for effective implementation.
  • Java Program to Generate Pascal's TriangleJan 20, 2025. A Java Program to Generate Pascal's Triangle creates a pattern of numbers where each number is the sum of the two numbers directly above it. The program allows the user to input the number of rows they want for the triangle.
  • Java Program to Calculate the Sum of Odd Numbers in a Given RangeJan 17, 2025. This topic explains how to write a Java program to calculate the sum of all odd numbers within a specified range. The program takes a user-defined start and end value, then loops through the range to identify odd numbers (numbers not divisible by 2).
  • Printing Different Types of Star Patterns in Java with CodeJan 09, 2025. Star pattern programs in Java demonstrate the use of nested loops and control structures, creating shapes like squares, pyramids, diamonds, and hollow squares with illustrative code examples and outputs.
  • Crafting Clean and Efficient Angular Apps with PipesJan 07, 2025. In Angular, one of the most powerful features for transforming and formatting data within templates is the use of "pipes". Pipes provide a declarative way to process data before it is displayed to the user, enabling developers to apply transformations such as formatting dates and changing text cases.
  • Database Dictionary (3) --- Loop Databases and Servers by AIJan 07, 2025. This article will discuss to loop databases and servers
  • Displaying All Prime Numbers from 1 to N Using Java with CodeDec 26, 2024. Explore three methods to display prime numbers in Java: Simple Loop, Square Root Optimization, and Sieve of Eratosthenes, with detailed explanations, code examples, and efficiency comparisons for each approach.
  • Leveraging TypeScript Decorators for Modern Web DevelopmentDec 08, 2024. Explore the role of TypeScript decorators in modern web development. Learn how decorators enhance code readability, simplify logic, and support powerful metadata features.
  • filter(x => !!x) in typescriptDec 06, 2024. a feature of TypeScript.
  • Creating Interactive Charts with Chart.js and TypeScriptNov 10, 2024. To create a responsive chart in a TypeScript application, use Chart.js—a popular library for data visualization. Set up your TypeScript project, install Chart.js and its types, and configure Webpack for bundling.
  • How to Sort a List of Objects in TypeScript by PropertyNov 09, 2024. This guide covers sorting lists of objects in TypeScript, with examples for sorting by string, numeric, and date properties. It demonstrates using the sort() method, localeCompare for strings, custom sorting functions for dates and numbers, and multi-property sorting techniques.
  • Skip loops, use Virtualization in BlazorNov 01, 2024. Let me teach you faster way of loading the list.
  • Map, Filter and Reduce in TypeScript with ExamplesOct 30, 2024. This guide provides a comprehensive overview of these essential functions, complete with practical examples to illustrate their use in real-world applications. Enhance your coding skills and streamline data manipulation with TypeScript today.
  • Difference Between Break and Continue in JavaScriptOct 24, 2024. In JavaScript, both break and continue are control flow statements used in loops. The break statement stops the loop entirely when a condition is met, while continue skips the current iteration and moves to the next.
  • TypeScript for advanced type inference in ReactOct 23, 2024. In this article, Ziggy Rafiq discusses advanced type inference techniques in React with TypeScript, focusing on hooks and JSX elements.
  • TypeScript Object SpreadOct 10, 2024. Object spread in TypeScript allows for copying properties of objects or arrays using the spread operator (...), with later objects overwriting properties with the same name, and it can also be used to combine arrays or insert elements at specific positions.
  • TypeScript Essential FeaturesOct 07, 2024. TypeScript offers essential features that enhance JavaScript development, including static typing, type inference, and support for interfaces and generics. It provides tools like classes, enums, and modules, enabling better code structure.
  • TypeScript command 'tsc' not running in Terminal and PowerShellOct 06, 2024. This series of articles will discuss a specific feature for PowerShell programming.
  • IoC Providers in Angular Dependency Injection useClass Oct 03, 2024. This article dives into Angular's Dependency Injection, focusing on the use of IoC and providers with useClass. Learn how to manually inject classes, define tokens with InjectionToken, and configure services using Angular's ApplicationConfig. Explore examples with ManualService and ManualServiceWithLog.
  • The Property '__metadata' Does Not Exist on Type 'SP.Data.SPLibraryItemOct 01, 2024. This content addresses the error message "The property '__metadata' does not exist on type 'SP.Data.SPLibraryItem'." It explores the implications of this TypeScript error in SharePoint development, highlighting potential causes such as type mismatches or missing attributes.
  • Fibonacci Series : Recursion, Memoization, and Optimal ApproachOct 01, 2024. The Fibonacci series is a mathematical sequence starting with 0 and 1, where each subsequent number is the sum of the previous two. This article explores three methods to compute Fibonacci numbers in C#: recursion, memoization, and an optimal iterative approach.
  • Create a Desktop Application with Angular Electron FrameworkSep 17, 2024. Learn how to create or convert an existing application to a Desktop application with the Electron framework. Convert an Angular application into a cross-platform desktop app using the Electron framework, covering steps like installation, configuration, and packaging for Windows.
  • Build Microsoft Teams Bot Extension Using TypeScriptSep 11, 2024. Learn to build a Microsoft Teams Bot Extension with TypeScript in this guide. You'll set up your environment using Node.js and Visual Studio Code, create a bot with Teams Toolkit, and deploy it using Azure. Perfect for enhancing Teams with custom bots for improved communication and productivity.
  • Preventing DoS Attacks in ASP.NET Core MVC ApplicationsSep 08, 2024. This ASP.NET Core MVC project demonstrates essential techniques to prevent DoS attacks, including rate limiting, request size limiting, and Google reCAPTCHA integration. The solution ensures security by controlling incoming requests, validating inputs, and preventing automated attacks while maintaining application performance.
  • Illustration of Bubble Sorting in one Dimensional ArrayAug 30, 2024. Bubble Sort is a simple sorting algorithm that arranges elements in an array by repeatedly comparing and swapping adjacent items. It iterates through the array multiple times, moving the largest (or smallest) elements to their correct position in each pass. Ideal for educational use and small datasets.
  • Recursive CTE: Simplifying Complex Queries with SQLAug 16, 2024. Recursive CTEs in SQL simplify querying hierarchical or recursive data by breaking down queries into anchor and recursive members. They are ideal for traversing structures like organizational charts or file directories, offering improved readability and performance.
  • JavaScript vs TypeScript File Extensions: .js .jsx .ts .tsxAug 08, 2024. Unlock the mysteries behind JavaScript and TypeScript file extensions with this comprehensive guide. Learn the differences between .js, .jsx, .ts, and .tsx files, and understand how each plays a crucial role in modern web development.
  • Tips to Learn Angular QuicklyAug 08, 2024. To learn Angular quickly, leverage your existing knowledge of HTML, CSS, and JavaScript. Focus on core Angular concepts like Components, Routing, Guards, Data Binding, Template Forms, and Services. Utilize Angular CLI for efficient project management and familiarize yourself with TypeScript for strong typing.
  • Routing in React JS with TypeScriptAug 08, 2024. Routing is a crucial feature for single-page applications (SPA) as it allows navigation between different views or pages without reloading the entire application. React Router is the most popular library for handling routing in React applications.
  • Using Next.js with TypeScriptAug 07, 2024. Integrating TypeScript with Next.js enhances code quality by adding static types. Start by creating a Next.js project, then install TypeScript and necessary type definitions. Configure tsconfig.json, convert JavaScript files to TypeScript and handle props and state using TypeScript interfaces.
  • Multithreading in C# Task Creation Using LoopAug 06, 2024. This article introduces multithreading in C# using the Task class from the Task Parallel Library (TPL). It explains creating and executing tasks serially within a loop, ensuring tasks are completed sequentially. An example demonstrates task creation and simulating work with delays.
  • Why We Should Avoid Using await in C# LoopsJul 31, 2024. Avoid using `await` inside C# loops as it causes sequential execution and resource contention, leading to poor performance. Instead, use alternatives like `Task.WhenAll`, `Parallel.ForEachAsync`, or `SemaphoreSlim` to handle asynchronous operations concurrently and efficiently.
  • Mask an Aadhar Number into Blocks of 4 Digits EachJul 30, 2024. This C# code demonstrates how to mask sensitive numbers, like Aadhar or account numbers. It validates input length, uses StringBuilder to format Aadhar numbers with spaces, and shows account number masking via substring, regex, and string formatting.
  • How to Show and Hide Password in AngularJul 25, 2024. Enhance your Angular forms by adding a show/hide password toggle feature. Just like a light switch that lets you see if a room is lit or dark, this feature allows users to reveal or hide their password for better accuracy.
  • Using while and foreach Loops in AngularJSJul 23, 2024. In AngularJS, while and foreach loops are vital for iterating over data collections, facilitating various data manipulations, and processing tasks within applications.
  • Optimization of Loops in JavaScriptJul 19, 2024. Loop optimization is crucial in JavaScript for enhancing performance, particularly in applications requiring intensive computation or handling large data sets. By understanding and applying optimization techniques, developers can significantly improve the efficiency of their code.
  • String.Join vs Loops in C#Jul 17, 2024. String.Join vs. Loops: C#" explores the efficiency and performance differences between using String.Join and traditional looping methods for string concatenation in C#.
  • Angular vs. AngularJS: Key Differences and Syntax ChangesJul 15, 2024. AngularJS revolutionized web development with two-way data binding and a modular approach. Angular (2+) addresses performance issues, offering a modern framework with enhanced features like robust dependency injection, improved data binding, and a powerful CLI.
  • Creating a complete CRUD (Create, Read, Update, Delete) application in Angular Jul 10, 2024. Build a CRUD application in Angular using Angular CLI for setup, components for UI, services for data management with HttpClient for API interactions. Implement CRUD operations (Create, Read, Update, Delete) with a Todo model, integrating JSON Server for backend simulation.
  • Styling in React with Styled Components and TypeScriptJun 26, 2024. Using Styled Components and TypeScript, Ziggy Rafiq illustrates how to enhance the styling of React applications. With Styled Components, you can write CSS in JavaScript, simplifying the management of styles in a modular and reusable way. When combined with TypeScript, your code will be type-safe and easier to maintain.
  • Type-Safe Routing in React with React Router and TypeScriptJun 24, 2024. This insightful guide by Ziggy Rafiq explains how React Router and TypeScript can be used to achieve type-safe routing in React applications. Set up static routes using TypeScript's robust type system, maximizing compile-time safety and reducing runtime errors by leveraging TypeScript's robust type system.
  • Creating a Web Resource Based on React TypeScript in Dynamics 365Jun 13, 2024. Integrating React and TypeScript with Dynamics 365 enables developers to build responsive and maintainable user interfaces. This approach leverages modern web practices for enhanced performance, reusable components, and seamless integration into Dynamics 365 environments.
  • Learn SharePoint FrameWork (SPFx)Jun 12, 2024. Explore the power of SharePoint Framework (SPFx) for modern web development. Learn to leverage JavaScript and TypeScript to create customizable web parts and extensions for SharePoint Online.
  • A Step-by-Step Guide to Creating a Chrome Extension with ReactJun 09, 2024. Building a Chrome extension using a React app developed with TypeScript and bundled with Webpack offers a modern approach to browser extension development. In this blog, I will guide you through the steps to create a Chrome extension utilizing the npx create-react-app template with TypeScript.
  • Interface In TypeScript / Complex Types In TypeScriptJun 09, 2024. In TypeScript, using interfaces helps define complex types, providing clarity and preventing runtime issues. Unlike JavaScript's var/let, interfaces explicitly outline object properties. This approach mirrors server-side coding practices, like in C#, ensuring adherence to coding standards and enhancing type safety.
  • Why Choose TypeScript Over JavaScript for Better DevelopmentJun 03, 2024. Explore JavaScript's journey from its inception at Netscape to its standardization by ECMA. Discover Angular's evolution as a modern front-end framework and its synergy with TypeScript for enhanced development. Understand the benefits of TypeScript over JavaScript in terms of static typing, IDE support.
  • Best Practices and Role of a Product OwnerJun 03, 2024. The Unsung Hero" delves into the pivotal role of a Product Owner in Agile projects. Explore best practices in stakeholder management, backlog grooming, and iterative development, emphasizing the crucial link between product vision and successful delivery.
  • Automate Placeholder Replacement with Custom Data ModelsMay 30, 2024. Discover how to dynamically generate text content by replacing placeholders with actual data using a versatile TypeScript function. Enhance user engagement through personalized content delivery, applicable across various scenarios like email customization, report generation, and dynamic web content.
  • Do While Loop in C#May 28, 2024. Do-while loop in C# guarantees execution of code block at least once. Syntax: do { /* Code */ } while (condition);. Steps involve code execution, condition evaluation, loop continuation, and termination. Example demonstrates printing numbers from zero to five.
  • State Management in React with TypeScriptMay 27, 2024. Ziggy Rafiq delves into the React Context API as well as popular libraries such as Redux to discuss the intricacies of state management in React applications. Take a look at various approaches and find the best fit for your projects to understand how type safety can ensure robust application state handling.
  • Print * Tree Counts From 1 to 10 and 10 to 1 Using C#May 24, 2024. In C#, print tree counts from 1 to 10 and 10 to 1 using nested loops for ascending and descending order respectively. Utilize console output and loop control structures for efficient counting and display.
  • Break in C#May 24, 2024. The "break" statement in C# is a control flow statement that terminates the nearest enclosing loop or switch statement. It is commonly used to exit a loop prematurely when a specific condition is met, improving code readability and efficiency.
  • While Loop in C#May 24, 2024. Explore the power of while loops in C# programming with this comprehensive guide. Learn how to utilize while loops for iterative tasks, control flow, and conditional execution. Master essential syntax and best practices to enhance your coding skills and efficiency.
  • Continue in C#May 23, 2024. In C#, the continue statement is used within loops (for, while, do-while, and foreach) to skip the current iteration and proceed to the next one. It's useful for bypassing specific conditions within a loop, enhancing control flow and loop efficiency.
  • Common JavaScript Mistakes To AvoidMay 22, 2024. Enhance JavaScript skills by avoiding common mistakes like inefficient looping and mishandling null values, and mastering array manipulation techniques
  • Type-safe development with React TypeScript FundamentalsMay 21, 2024. Find out how TypeScript and React work together with Ziggy Rafiq's comprehensive guide. Learn how to use type-safe props, state management, event handling, and component lifecycles for robust and maintainable front-end development. Learn how to use React TypeScript to unleash the power of type safety.
  • How to Build a Game with React Js?May 19, 2024. Learn how to build a game with React.js in this step-by-step guide. Explore React's capabilities for game development, including component-based architecture, state management, and hooks. Discover techniques for creating interactive UIs, handling user input, and optimizing performance for a seamless gaming experience.
  • For Loop in C#May 16, 2024. Learn about the versatile "for" loop in C#. Master the syntax and applications of this essential control structure for iterating through arrays, lists, and more. Explore loop optimization, nested loops, and how to efficiently manage repetitive tasks in C#.
  • 7 Easy Ways to Loop in JavaScriptMay 16, 2024. JavaScript loops include for, while, do...while, for...in, for...of, forEach, and map, providing versatile iteration and transformation capabilities
  • Functional Components with React Hooks and TypeScriptMay 11, 2024. Explore the seamless integration of React Hooks and TypeScript in the latest guide by Ziggy Rafiq, now published on C# Corner. Discover how to unleash the power of functional components for efficient state and side effect management. Elevate your React development skills today
  • Learn to Set up a license to Telerik UI for React app – Part IVMay 10, 2024. Telerik UI for React, or KendoReact, streamlines React app development with a comprehensive toolkit. From efficient UI creation to robust features like SSR and TypeScript support, it enhances productivity and performance.
  • 2D array - Take Input and Print Output SameMay 10, 2024. Utilize 2D arrays to input data, then print the output, maintaining the same structure. Employ nested loops for iteration and array manipulation in your chosen programming language.
  • How to Get Started with React and TypeScript?May 09, 2024. Explore the fundamentals of setting up React applications with TypeScript in this beginner's guide by Ziggy Rafiq. Learn about project structure, component creation, running your app, and configuring TypeScript for enhanced development.
  • What is the Difference Between JavaScript and TypeScript?Apr 09, 2024. JavaScript is a scripting programming language used to build client-side and server-side applications. It provides a runtime element management and manages the DOM dynamically. And it is a prototype-based language.
  • Explain Vue.js Conditions & LoopsMar 27, 2024. In Vue.js, conditionally render elements with v-if, v-else, v-show, and iterate data using v-for. Detailed explanations and code examples illustrate each aspect of dynamic UIs.
  • Explain Null Handling in TypeScriptMar 21, 2024. Null handling in TypeScript involves managing null and undefined values effectively to prevent runtime errors. Techniques like nullable types, optional chaining, type guards, and non-null assertion operators help ensure code reliability.
  • JavaScript WeakMap in ES8 and TypeScriptMar 11, 2024. WeakMap object stands out as a specialized entity, closely related to the Map object but with a unique twist. In this article, we'll unravel the syntax, characteristics, and methods of the JavaScript WeakMap, shedding light on its applications. How to harness its capabilities in ES8 and TypeScript.
  • JavaScript Date Formats in TypeScriptMar 07, 2024. When it comes to handling dates in JavaScript, understanding various date formats is essential for creating dynamic and user-friendly applications. The JavaScript Date object empowers developers to work with dates, and this guide explores three common date formats: ISO Date, Short Date, and Long Date.
  • Boosting Web Page Performance with the Defer AttributeMar 06, 2024. JavaScript plays a vital role in enhancing the interactivity and functionality of web pages. However, the way scripts are loaded can significantly impact the user experience and overall performance of a website. In this article, we'll delve into the defer attribute in JavaScript.
  • Power of Typescript Scroll EventsMar 06, 2024. The onscroll event in JavaScript is a powerful tool that gets triggered when a scrollbar is used for an element. This event is particularly useful for creating dynamic and interactive web experiences, allowing developers to respond to user interactions with scrolling.
  • Master Scroll Events: ECMAScript 8 (ES8) and TypeScriptMar 05, 2024. We'll explore how to adapt and extend the scroll event examples using ECMAScript 8 (ES8) features and the TypeScript language. These advanced techniques provide developers with additional tools and benefits for handling scroll events in modern web development.
  • Reactive Forms In Angular with Practical Example Mar 01, 2024. Angular is a popular framework for building dynamic web applications, and one of its key features is its powerful Forms module. Angular offers two types of forms: template-driven forms and reactive forms. In this article, we'll delve into reactive forms in Angular, exploring their benefits, how to create them, and how to work with them effectively.
  • 2D Array with Matrix Multiplication in C ProgrammingFeb 28, 2024. A double subscripted variable, also known as a two-dimensional array, is a variable that has two subscripts assigned to it in order to represent a list of items.
  • Auto Detect Responsive Screen Sizes Using Angular and BootstrapFeb 19, 2024. This document provides a comprehensive guide on implementing screen size detection and achieving responsive behavior in Angular applications. It outlines steps to utilize the HostListener decorator for detecting changes in the window size, allowing for dynamic adjustment of screen dimensions.
  • What is List Rendering in Vue.js?Jan 23, 2024. Vue.js provides an elegant and powerful way to render lists of data dynamically with the v-for directive. This feature allows you to iterate over an array or an object, creating and updating HTML elements effortlessly. In this guide, we'll explore the ins and outs of list rendering in Vue.js with practical examples.
  • 🖥️ Incident Handling: Common Malware AttacksJan 23, 2024. Explore the realm of malware attacks, unveiling the intricacies of threats like ransomware, computer viruses, worms, Trojan horses, and adware. Delve into their types, characteristics, and potential impact on computer systems and networks.