Resources   No resource found

• 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.
• Risk of Using AI Coding Tools Such as Copilot and ChatGPTJun 16, 2025. Explore the critical risks associated with integrating AI coding tools like GitHub Copilot and ChatGPT into development workflows, covering concerns from code quality and security vulnerabilities to intellectual property issues and developer skill erosion.
• 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.
• 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.
• 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.
• How to Ensure Data Privacy and Intellectual Property Protection When Using LLMsMay 23, 2025. Learn how to protect data privacy and intellectual property when using Large Language Models (LLMs). Explore secure deployment options, prompt sanitization, regulatory compliance, and best practices for safely integrating GenAI into your enterprise workflows.
• 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.
• ⚠️ What Are the Risks of Exposing Internal Data to AI Models?May 18, 2025. This article explores the key risks of exposing proprietary code and internal data to AI models, including potential data leakage, IP loss, compliance violations, and security threats. It also provides actionable steps organizations can take to safely and securely integrate AI tools into their workflows.
• 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.
• What are the risks of using Vibe Coding?May 06, 2025. Explore the potential risks of using AI for code generation, from code quality and security risks to skill erosion and legal uncertainties.
• C# 13: Partial Properties and Indexers SimplifiedMay 05, 2025. C# 13 introduces partial properties and indexers, enabling cleaner separation of logic in partial classes. This boosts maintainability, avoids hacks, and simplifies working with generated code and tools like EF Core.
• 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.
• Semi Auto Implemented Properties in .NET 9Feb 06, 2025. Semi Auto implemented Properties is currently Preview feature of C#13. This feature really helps Enhanced readability and reduced boilerplate code while declaring properties in class files.
• 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.
• Use the Navigate Function for Seamless Transitions in Power AppsJan 01, 2025. Learn how to use the Navigate function in Power Apps to create smooth user experiences by enabling seamless navigation between screens. This article covers basic navigation setup, custom transitions, and how to pass context between screens.
• Essential C# KeywordsDec 25, 2024. This article explains important C# keywords that help in writing more efficient code. It covers keywords like volatile, value, get, set, yield, partial, and where, describing their uses in a simple manner. These concepts are essential for anyone looking to improve their C# programming skills.
• 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.
• Understanding FlexBox: Flex DirectionDec 06, 2024. Learn how to align elements horizontally or vertically, explore row and column orientations, and create responsive layouts with ease. Perfect for frontend developers and designers.
• How to Use Microsoft Teams for Project ManagementNov 28, 2024. Microsoft Teams simplifies project management by integrating task management, real-time communication, and collaboration. Use Planner for tasks, schedule check-ins, and keep your team organized with chat updates and meetings.
• What's New in ASP.NET Core 9?Nov 15, 2024. C# 13 enhances developer productivity with features like flexible params collections, scoped locks, and partial properties, allowing for streamlined coding, improved performance, and robust thread safety.
• 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.
• 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.
• Understanding Dataverse Text FieldsOct 30, 2024. Understand how to integrate text fields into your applications, validate user input, and retrieve data seamlessly. Enhance your knowledge of database design and modeling within Microsoft Dataverse.
• 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.
• Dependency Properties in WPF: Benefits, Usage, and Examples in C#Oct 21, 2024. A Dependency Property in WPF is a specialized property supported by the WPF property system. It enables data binding, styling, animation, and value inheritance. This system improves memory efficiency and provides automatic change notifications, making it essential for dynamic, data-driven applications.
• 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.
• 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.
• Property 'X' Does Not Configure the Code Serialization for its Property ContentSep 11, 2024. The .NET 9 RC-1, released on September 9, 2024, introduced a WinForms component error (WFO1000), where properties fail to serialize code. To fix this, add using System.ComponentModel and apply [DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)] on properties, or suppress the warning.
• CSS Theming Using Variables and JavaScriptAug 27, 2024. Discover how to enhance your web design with CSS theming using variables and JavaScript. Learn how to create dynamic and customizable themes by leveraging CSS custom properties and JavaScript for real-time style changes.
• Database Dictionary (2) --- Extended PropertiesAug 23, 2024. This article will discuss Data Dictionary, Extended Property
• 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.
• Creating Maintaining Utilizing Transactions in SQL ServerJul 25, 2024. A transaction in SQL Server is a sequence of operations performed as a single logical unit of work. A transaction has four main properties, often referred to by the acronym ACID: Atomicity, Consistency, Isolation, and Durability.
• 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.
• Hyperlink Creation Open External Sites and Outlook TemplatesJul 24, 2024. Discover tips for enhancing PowerApps with hyperlinks, external site navigation, and Outlook email integration. Learn how to use HTMLText control to create clickable links, launch external sites from PowerApps, and open Outlook with pre-filled addresses, subjects, and bodies.
• XOR Operator in C# and Its PropertiesJul 23, 2024. The XOR operator (`^`) in C# is essential for bitwise operations, comparing binary values bit by bit. It is used for tasks like encryption, error detection, and data manipulation.
• 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.
• Sharepoint Framework Property Pane Jun 28, 2024. SharePoint Framework (SPFx) offers a client-side model for developing web parts and pages in SharePoint, leveraging modern web technologies and supporting seamless integration with SharePoint data.
• Understanding Data Binding in AngularJun 28, 2024. Data Binding in Angular" explores the foundational concepts and practical applications of binding data between components and views in Angular applications. It covers two-way and one-way binding mechanisms, including interpolation and property binding.
• Filter and Fetch Property Listings by User PreferencesJun 27, 2024. xplore our platform's robust tools for filtering and fetching property listings according to your specific preferences. Customize your search based on location, price range, amenities, and more, ensuring tailored results that match your ideal property criteria effortlessly.
• 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.
• Methods and Properties in C#Jun 23, 2024. In C#, methods and properties are fundamental constructs used to define the behavior and state of objects. Understanding how to create and use methods and properties is essential for effective C# programming.
• 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.
• The Art of JavaScript Hoisting: Understanding the Ins and OutsJun 11, 2024. Discover the intricacies of JavaScript hoisting in this comprehensive guide. Understand how JavaScript handles variable and function declarations, the impact of scope, and the best practices to avoid common pitfalls.
• 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.
• Mastering ASP.NET Core Identity in ASP.NET Core MVCJun 06, 2024. ASP.NET Core Identity is a comprehensive membership system for adding login functionality to your ASP.NET Core applications. It provides a robust framework for managing users, passwords, roles, claims, tokens, email confirmation, and more.
• 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.
• Difference between CAP and ACIDMay 30, 2024. Discover the key differences between CAP Theorem and ACID Properties in our comprehensive guide. Understand how CAP's focus on Consistency, Availability, and Partition Tolerance contrasts with ACID's principles of Atomicity, Consistency, Isolation, and Durability.
• 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.
• 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.
• 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.
• What is the Purpose of displayName Class Property in ReactJS?May 20, 2024. The `displayName` property in React improves debugging by naming components in React DevTools and error messages. It’s especially useful for components created with higher-order components (HOCs) or lacking clear names.
• 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.
• Exploring Azure Bicep Outputs: Retrieving Resource PropertiesMay 09, 2024. This article is a comprehensive guide that takes you on a deep dive into Azure Bicep outputs. It starts with logging into Azure, then moves on to explain the concept of outputs in Azure Bicep, complete with code samples and explanations.
• 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.
• How to Create a Custom Property Wrappers in SwiftUI?May 01, 2024. Property Wrappers, a potent and flexible addition unveiled in Swift 5.1, enable the creation of custom property wrappers within SwiftUI, offering substantial versatility.
• How to Integrate Instant Plugins in the Canvas App?Apr 29, 2024. Dataverse Accelerator by Microsoft introduces low-code plug-ins for real-time business logic workflows in Canvas apps. Learn step-by-step integration of Instant Plugin with Power Fx in Dataverse environment. Test and utilize the Instant Plugin for efficient app development.
• How to Ignore Properties in OData at RuntimeApr 10, 2024. This article provides a guide on how to dynamically ignore properties in OData at runtime using Late-Bindings. It covers the concept of OData, the need for ignoring properties, and a step-by-step tutorial on implementing this in your code.
• 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.
• What is Data Binding and Types of Data Binding in Angular?Apr 08, 2024. Data binding is a core concept in Angular that allows developers to establish a connection between the application's data. In this article, we'll delve deep into the various types of data binding mechanisms in Angular, providing detailed examples to help beginners understand and leverage these powerful features effectively.
• Understanding of Blazor Server App Project Structure Apr 08, 2024. This article covers creating a Blazor Server App project, project structure overview, default folders' usage, setting startup components, and essential files like AppSettings and Program.cs. Prerequisites include HTML, CSS, and JS basics and Visual Studio 2019/2022 knowledge.
• Flexible Height Gallery with a SeparatorApr 01, 2024. Learn to create a flexible gallery with a separator in your app.Add a blank flexible height gallery. Add controls like labels and dropdowns.Set auto height toggle for labels.Add separator rectangle with Y property formula. Easily enhance your gallery with this guide.
• Data Binding in AngularMar 23, 2024. Data binding serves as the communication bridge between the template (representing the view) and the component (housing the application's logic and data).
• 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.
• A Guide To Crafting Immutable Objects With C# 10's Init-Only PropertiesMar 06, 2024. Discover how C# 10's init-only properties empower developers to craft immutable objects with precision, enhancing code readability and maintainability. In this article, Ziggy Rafiq demonstrates how you can use this powerful feature to create robust and predictable software.
• Main Difference Between Method and Computed Property in Vue.jsMar 05, 2024. In Vue.js, methods and computed properties serve distinct roles. Methods are JavaScript functions invoked in response to events, while computed properties cache values based on dependencies, enhancing performance for derived data manipulation.
• 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.
• Explain Vue.js Computed PropertiesMar 04, 2024. Vue.js, a progressive JavaScript framework, provides developers with powerful tools to create dynamic and responsive web applications. One such tool that significantly enhances the reactivity of your Vue components is computed properties.
• What are Properties in C#? Mar 04, 2024. In this article, we will learn about properties in C#, different types of properties, how to define and use them, and some best practices when working with properties in C#, properties in C# are a way to encapsulate data and provide controlled access to it.
• 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.
• What is Vue.js Watch Property?Feb 29, 2024. Learn Vue.js's watch property, a powerful feature allowing custom logic reactions to changes in data, computed properties, or reactive values. Utilize object-based and immediate watchers for efficient state management.
• Mastering Pattern Matching in C#Feb 28, 2024. Mastering Pattern Matching in C# provides comprehensive insights into leveraging pattern matching techniques to enhance code readability and efficiency. From type patterns to constant patterns, property patterns, and more, this guide equips developers with the skills needed to write cleaner and more expressive C# code.
• Creating Cohorts Using Custom Properties in Application InsightsFeb 27, 2024. In this article, we will learn how to leverage custom properties in Application Insights to create cohorts for in-depth user behavior analysis.