Resources   No resource found

• How to Display a PDF in an SPFx Web Part Jul 03, 2025. Easily embed scrollable, responsive PDF files in your SPFx React web part using the react-pdf library. View multiple pages, enable text selection, and render documents smoothly without forcing downloads or new tabs.
• What are Props in React NativeJul 01, 2025. Learn how to use props in React Native to create dynamic, reusable components. Pass data from parent to child, use PropTypes for validation, and apply defaultProps to ensure a clean and reliable UI behavior.
• Start Building a Simple React Application for BeginnersJul 01, 2025. Build a simple React app to display and add users using components and hooks. Learn how to set up with Create React App, manage state with useState, and style with basic CSS for a clean UI experience.
• Kubernetes: Understanding Its Core ArchitectureJul 01, 2025. Explore how Kubernetes works under the hood—from master to worker nodes—with simple explanations, real-world insights, and beginner-friendly tips.
• Understanding Angular Lifecycle HooksJun 30, 2025. In this article, we will learn that Angular is a popular web development framework used to build fast, interactive websites and web apps.
• React Hooks Tutorial: Practical Guide with Real Examples for Beginners & DevelopersJun 27, 2025. This article explores React Hooks—functions that enable state, side effects, context, and more in functional components—covering built-in hooks, lifecycle replacements, custom hook creation, and common best practices.
• How to Share Logic Between Components Using Custom Hooks in ReactJun 26, 2025. Learn how to reuse and share logic between React components using custom hooks. Create clean, maintainable code with real examples of custom React hooks.
• React Rendering Demystified: Reconciliation, Batching & MemoizationJun 27, 2025. Learn how React optimizes performance through batching, reconciliation, and memoization using React.memo, useMemo, and useCallback key tools to reduce re-renders and build fast, efficient apps.
• Mastering .NET ArchitectureJun 26, 2025. This article explains the layers of .NET architecture in a simple, beginner-friendly way. Each layer is described with real-world examples to help understand how .NET applications are built
• Different Type of Variables in PHPJun 23, 2025. Learn about the different types of variables in PHP, including scalar, arrays, objects, and more. This guide covers their usage, examples, and best practices for beginners and developers alike.
• 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.
• Why Design system are important for your projectJun 06, 2025. A design system is essential for any project as it ensures consistency, improves collaboration, speeds up development, and enhances user experience. It helps teams maintain brand identity, scale efficiently, and save time and costs throughout the design and development process.
• 🔧 Create a Web Template Component in Power Pages /WebsitesJun 02, 2025. Learn how to create and use Web Template components in Power Pages for reusable, modular HTML + Liquid code. Simplify maintenance, follow DRY principles, and streamline portal development.
• EJB QUERY LANGUAGE (EJB QL)May 30, 2025. EJB QL is a query language used to query enterprise beans and their relationships, supporting string and arithmetic functions, with syntax defined using Backus-Naur Form (BNF) for structured query creation.
• 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.
• 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.
• Building and Reusing Components in React with PropsMay 07, 2025. In React, components are the building blocks of your application. They help you break down the UI into manageable pieces. To make these components reusable and dynamic, React uses something called props. Let's understand props.
• What Actually Happens When You Render a React ComponentMay 06, 2025. This article breaks down the process from JSX to virtual DOM diffing and updates making it easier to understand how React efficiently updates the UI in response to data changes.
• Learn Class Components - ReactApr 15, 2025. this article is basic about class component and its functionality based
• React Tutorial For Beginners - Pass Data between Components (Parent to Child and Child to Parent)Apr 14, 2025. The user interface of every React application we develop, gets broken down into Components. Each React application we develop will be comprising of multiple components.
• Service-Oriented Architecture (SOA): Complete Guide with ExamplesApr 04, 2025. Learn SOA principles, components, and real-world use cases that showcase how businesses build scalable, reusable, and efficient services for modern applications and enterprise systems.
• Overview of Razor Views, Razor Pages and Razor ComponentsApr 02, 2025. Explore the differences between Razor Views, Razor Pages, and Razor Components in ASP.NET Core. Learn how Razor Views work in MVC, how Razor Pages simplify page-based development, and how Razor Components power Blazor applications.
• Inheritance in Blazor? Because Components Don’t Have to Start from Scratch!Mar 19, 2025. ?Explore Blazor component inheritance by creating reusable components, such as checkboxes and notifications, to promote code efficiency and maintainability.
• Components of Power PlatformMar 09, 2025. Get started with Microsoft Power Platform in this beginner-friendly guide. Learn about Power Apps, Power Automate, Power BI, and Power Virtual Agents to build low-code solutions, automate workflows, and analyze data.
• React Tutorial For Beginners - Working on Class Components in ReactMar 05, 2025. Learn how to work with class components in React in this beginner-friendly tutorial. Understand the React component lifecycle, manage state and props, and explore best practices for building interactive UIs.
• React Tutorial For Beginners - Working on Function Components in ReactFeb 27, 2025. In this Article, I will show what are React Components and steps to create Function Components. Also, know about how to render Function Components.
• Reusable Components and Styles in MAUI MVVM .NET 9 [GamesCatalog] - Part 3Feb 24, 2025. In this third part of the GamesCatalog series, we explore how to create reusable components and styles in MAUI MVVM using .NET 9.
• Real-Time Component Communication in Angular Using SubjectsFeb 17, 2025. Learn how to leverage RxJS and Angular's powerful observables to enable dynamic, event-driven communication between components.
• Build Responsive eCart App with Angular and BootstrapFeb 17, 2025. This article covers the essentials of creating a mobile-friendly, dynamic shopping cart app with Angular, leveraging Bootstrap's grid system and UI components for seamless user experiences across devices.
• Building an Insurance Application with Angular Components and BootstrapFeb 16, 2025. Angular is a powerful framework for building client-side applications, and components are the foundation of Angular development. In this article, we will walk through creating a real-time example of an insurance application. We'll use Bootstrap for responsive styling and provide complete code along with instructions for capturing two screenshots.
• Angular Features (2) --- Component InteractionFeb 08, 2025. This article is to discuss the component interaction for Angular in general.
• Angular Features (2-1) --- Component Interaction (1) by @Input/@OutputFeb 07, 2025. This is about communications between parent component and child component.
• Difference between React-Native and FlutterFeb 07, 2025. This comparison covers aspects such as performance, development speed, programming languages, UI components, and ecosystem support, helping you choose the best tool for your project needs.
• Blazor vs Traditional ASP.NET (MVC/WebForms): A ComparisonFeb 03, 2025. Blazor is a web framework by Microsoft that enables building interactive web apps using C# and .NET. It supports Blazor Server (server-side) and Blazor WebAssembly (client-side) for modern, real-time, and offline web development.
• What is Docker and Its Components?Jan 10, 2025. Docker is an open-source platform that automates the deployment, scaling, and management of applications using containers.
• Getting Started with React: A Simple GuideDec 11, 2024. Learn the Basics of React and How to Start Building Web Applications
• Angular Features (1) --- Data Binding: Data Transfer inside ComponentDec 07, 2024. This article will discuss Data Binding in Angular
• Use of ItemsControl in WPF C# for Flexible UI DesignNov 19, 2024. This guide explores data binding, templates, and customization techniques for crafting sophisticated layouts. Enhance your WPF skills and unlock the full potential of ItemsControl for efficient UI development.
• Library Component Type in SharePoint Framework (SPFx)Nov 09, 2024. SPFx Library Components enable the creation of reusable, modular code in SharePoint. By centralizing utility functions, services, and UI elements, developers can enhance maintainability and consistency across projects.
• 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.
• Angular Directives 101Oct 21, 2024. Directives are a core feature in Angular that extends and customizes HTML elements. They simplify modifying styles, managing user inputs, and manipulating the DOM, providing flexible support in user interface development.
• Power Apps and Library ComponentOct 20, 2024. Library components in Power Apps are reusable modules that can be shared across multiple apps to streamline development. They help maintain consistency, reduce redundancy, and enable easy customization.
• Compiling Multiple Files to Build an ApplicationSep 29, 2024. This article explains how to compile multiple C files into a single executable using the C compiler. It covers two approaches: compiling multiple files with the cc command or using the #include directive to link functions.
• Interactive Tic-Tac-Toe Game in ReactSep 23, 2024. In this article, you'll learn how to create an interactive TicTacToe game using React. We cover essential React concepts like components, useState, and useEffect. Step-by-step, you'll build the game interface, implement game logic to check for winners and style the components.
• Building a Custom QR Code Generator Component in ReactSep 20, 2024. In this guide, you'll learn how to build a custom QR code generator component in React. We'll cover the steps to integrate a QR code library, customize the QR code's appearance, and make it dynamic by accepting input from users.
• Building a Custom Image Slider Component in ReactSep 11, 2024. Learn how to create a responsive, interactive slider using React hooks, JavaScript, and CSS. Perfect for adding dynamic image galleries or carousels to your web projects, enhancing user engagement and experience.
• Types of components selectors in Angular with examplesSep 06, 2024. Angular offers various component selectors: Type Selector (e.g., app-root), Attribute Selector (e.g., [app-attribute-selector]), Attribute Selector with Value (e.g., [app-attribute-selector-with-value="test"]), Multiple Attribute Selector (e.g., [app-multiple-attribute-selector="test"][is-active]), and CSS Class Selector (e.g., .app-css-class-selector).
• Explaning .NET Razor ≠ .NET BlazorSep 05, 2024. Razor and Blazor are distinct web technologies. Razor is a server-side templating engine in ASP.NET Core MVC, combining HTML with C# for dynamic server-side content. Blazor, in contrast, enables interactive client-side web apps using C#, running directly in the browser and eliminating frequent server calls.
• Create a Material-UI Custom Select Component with React js.Sep 05, 2024. Learn how to create a custom select component using Material-UI with React JS in this tutorial. We’ll walk through setting up Material-UI, designing a customizable select dropdown, and integrating it seamlessly into your React application.
• Building a Custom Rating Component in ReactSep 02, 2024. Learn how to build a custom rating component in React, which is perfect for adding interactive star ratings to your web applications. This tutorial covers the step-by-step process, including component design, state management with React Hooks, and styling.
• Blazor Meets Azure MapsAug 29, 2024. This guide walks you through creating a Map component using Azure APIs in a Blazor application. It covers setting up an Azure Maps account, obtaining a subscription key, and integrating the map into your app with JavaScript and C#. You'll learn how to display maps with custom styles and themes using Azure Maps.
• Learn to Create a Simple Dialog Box in BlazorAug 27, 2024. This guide covers designing and implementing a basic modal dialog using Blazor components and Razor pages, enhancing your web UI with interactive elements and user-friendly interfaces.
• Artifactory: Simplifying Software Component ManagementAug 26, 2024. Artifactory is a universal repository manager that centralizes the management of binaries dependencies and builds artifacts across formats like Maven, Docker, and npm. It integrates with CI/CD tools, offering version control, security, caching, and scalability, ensuring efficient and reliable software delivery.
• Building a Data-Driven App with Blazor and Fluent UIAug 26, 2024. This guide covers integrating Microsoft's Blazor framework with Fluent UI components to create responsive, intuitive user interfaces. Ideal for developers looking to leverage .NET and C# in single-page applications.
• Sharing Data from Child to Parent in Angular 18Aug 24, 2024. In this walkthrough, you'll learn how to send data from a child component to a parent component in Angular using the @Output decorator and EventEmitter. You'll create a simple Angular project, define a child component to emit data and update the parent component to receive and display this data.
• Share Data from Parent to Child Component in Angular 18Aug 23, 2024. Learn how to send data between Angular components using @Input and @Output decorators. This guide demonstrates how to transfer data from a parent to a child component in Angular. Create a project, set up components, and use Angular CLI and forms to bind and display data effectively.
• Building Dynamic and Reusable Modal Popups in Java Web AppAug 23, 2024. Learn to create interactive UI components that enhance user experience through modular, maintainable code. Ideal for developers seeking to improve their Java skills and design more responsive, scalable applications.
• How to Build and Reuse a Dynamic Pagination Component in BlazorAug 23, 2024. Learn how to build a dynamic and reusable pagination component in Blazor. This guide covers creating a flexible pagination system that can be easily integrated into different parts of your application.
• Angular Routing Mastery Navigate Between Components EasilyAug 14, 2024. Learn the intricacies of routing between components, understand best practices, and explore advanced techniques to streamline your application's navigation. Ideal for developers looking to enhance their Angular skills.
• Create a Custom Middleware Component in ASP.NET CoreAug 14, 2024. This guide covers defining, implementing, and integrating middleware, allowing you to intercept and manipulate HTTP requests and responses effectively for custom functionality and performance improvements.
• 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.
• How to Call JavaScript Function in Angular 18 Component?Aug 08, 2024. Learn how to integrate JavaScript functions within an Angular 18 component. This guide covers how to call and use JavaScript functions effectively in your Angular components, ensuring seamless interaction between your JavaScript code and Angular framework.
• Implementing Cascading Drop-Down Lists in .NET CoreAug 07, 2024. Cascading drop-down lists are an essential feature in dynamic web applications where the choice in one dropdown dictates the contents of another. For example, selecting a country in one drop-down could filter the available states in another.
• Use ngx-simple-text-editor in Angular 18Aug 01, 2024. Learn how to integrate the ngx-simple-text-editor into an Angular 18 application. This guide covers installation, setup, and configuration of this rich text editor component, enhancing your Angular project's text editing capabilities with a user-friendly interface and seamless integration.
• Learn Custom Pipes in Angular 17Jul 25, 2024. Learn how to create custom pipes in Angular 17 with this comprehensive guide. Transform data in your templates effortlessly by generating, implementing, and registering custom pipes to meet your specific needs.
• Building Dynamic Timers in React Managing State and EffectsJul 25, 2024. This example demonstrates managing dynamic Timer components in React. Each Timer independently tracks button clicks and elapsed time, with start, pause, and reset functionality. The ExampleComponent allows users to add multiple Timer instances dynamically, showcasing efficient state management and rendering in React.
• Optimizing LINQ Performance with Compiled Queries in .NETJul 22, 2024. Compiled queries in LINQ (Language Integrated Query) are a powerful feature that can significantly improve the performance of your data access code, especially when dealing with repetitive queries.
• Dynamic Expansion Panel as a separate component.Jul 21, 2024. Create a dynamic expansion panel in Angular using Angular Material to display user personal and correspondence addresses. This involves defining components with TypeScript for logic, HTML for view, and CSS for styling.
• Understanding the Angular Lifecycle HooksJul 16, 2024. Exploring NgOnInit, NgOnChanges, NgDoCheck, NgAfterViewInit, NgAfterViewChecked, NgAfterContentInit, and NgAfterContentChecked, this content offers comprehensive insights into when and how these hooks are triggered.
• Building Web Apps with Streamlit and PythonJul 10, 2024. Streamlit is a powerful Python library for creating interactive web applications quickly and easily. It offers a simple API, fast prototyping, easy deployment, built-in widgets, and automatic reloading. This makes it an excellent choice for Python developers looking to build web apps without hassle.
• Key components of Azure GovernanceJul 10, 2024. Azure governance encompasses policies, initiatives, and blueprints in Microsoft Azure, ensuring secure, compliant, and efficient resource management. Policies enforce rules on resources, while initiatives group policies for unified management.
• Essential Components of Prompt Design in GPT's SearchJul 08, 2024. Explore the crucial elements of prompt design within GPT's search capabilities through a comprehensive analysis. Delve into the intricacies of optimizing natural language prompts for enhancing user interaction and search efficiency.
• How to Pass Data Between Reactjs Components?Jul 05, 2024. Learn methods for passing data between React components, including props, state lifting, Context API, custom hooks, and third-party state management libraries like Redux, each suited for different application needs.
• What are the Different Ways to Style a Reactjs Component?Jul 05, 2024. Styling React components can be done using various methods, including CSS stylesheets, inline styles, CSS modules, styled-components, Emotion, Styled JSX, Tailwind CSS, SASS/SCSS, and BEM methodology.
• Types of Blazor Components Routable Non-Routable Templated DynamicJul 03, 2024. At the heart of Blazor applications are components, which encapsulate UI and logic, making it easier to build and maintain large web applications. In this article, we'll explore four types of components in Blazor.Routable ComponentsNon-Routable ComponentsTemplated ComponentsDynamic Components
• What is the Purpose of getDerivedStateFromError in ReactJSJul 03, 2024. GetDerivedStateFromError is a lifecycle method in ReactJS used for error handling within components. It allows components to catch JavaScript errors during rendering, updating, and in lifecycle methods.
• What are Custom Hooks in ReactJSJul 03, 2024. Custom Hooks in ReactJS empower developers to extract reusable logic from components into standalone functions, enhancing code organization and reusability. They encapsulate stateful logic, side effects, or context interactions, promoting cleaner and more maintainable code.
• Explain Rating Control in PowerAppsJul 03, 2024. Discover step-by-step guidance on integrating this feature into your apps, optimizing user experience, and leveraging Microsoft's Power Platform for seamless app development and user engagement.
• Setting Up a Basic React Application with RoutingJul 01, 2024. Learn to build a React app with routing using react-router-dom. Set up a structured folder layout, define routes in Main.js, integrate components in App.js with BrowserRouter, and configure the entry point in index.js.
• Creating Dynamic Dropdown Lists in ASP.NET MVCJun 28, 2024. Dropdown lists, or <select> elements, are essential in web forms, enabling users to choose from a predefined list of options. They enhance user experience by simplifying input selection and ensuring data consistency.
• 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.
• Apply Filters Dynamically on Kendo Grid in AngularJun 25, 2024. Learn how to apply filters dynamically on a Kendo Grid in Angular, enhancing data management and user interaction in your web applications. This guide covers integrating Kendo UI components in Angular, implementing real-time filtering, and creating an interactive data grid for efficient data display and manipulation.
• OnPush Change Detection Strategy: Optimizing Angular Performance Jun 21, 2024. Angular's OnPush change detection strategy optimizes performance by reducing unnecessary checks, only updating when input properties change or events occur. This approach, contrasting with the default strategy, enhances efficiency and predictability, crucial for complex applications.
• Mesop Framework Of Python From GoogleJun 17, 2024. The Mesop Framework of Python from Google is a cutting-edge tool designed to streamline software development. Leveraging Python's simplicity and Google's robust infrastructure, Mesop offers developers a comprehensive library to build efficient, scalable applications.
• Understanding Global Variables in Azure Data FactoryJun 13, 2024. Global variables in Azure Data Factory are user-defined variables accessible across different pipelines and activities within the same data factory. They store values like strings, numbers, dates, and arrays, enabling dynamic workflows by managing connection strings, control flags, file paths, and runtime parameters.
• 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.
• Overloading vs Overriding in JavaJun 12, 2024. Method overloading and overriding in Java, essential OOP concepts for code reusability and polymorphism. Overloading allows multiple methods with the same name but different parameters while overriding lets subclasses provide specific implementations of superclass methods and maintainability.
• Build Microsoft Teams Tab Extensions with React Fluent UIJun 11, 2024. Discover how to create a powerful Teams Tab Extension using React and Fluent UI in this step-by-step guide. From setting up your development environment to integrating Fluent UI components seamlessly, this tutorial covers everything you need to know to build a feature-rich extension for Microsoft Teams.
• Principle Component AnalysisJun 05, 2024. Principal Component Analysis is a powerful tool in the arsenal of data scientists and researchers. It simplifies complex datasets, enhances visualization, reduces noise, and improves the efficiency of machine learning models. Despite its limitations, PCA remains a fundamental technique for data reduction and analysis.
• Micro Frontends With ASP.NET Core and Blazor WebAssembly Components May 29, 2024. Explore the dynamic world of Micro Frontends in action with ASP.NET Core, delving into the realm of Universal Rendering. Unleash the power of Blazor WebAssembly-based Web Components, combining flexibility and efficiency for seamless web development.
• Key Components of VMware NSX ALBMay 28, 2024. Explore the core components of VMware NSX ALB, including Service Engine, Controller, Console, Data Plane Scaling, and NSX ALB Cloud Services.
• Understanding React Hook at a GlanceMay 24, 2024. React Hook at a Glance" provides a concise overview of React Hooks, the revolutionary feature introduced in React 16.8 that allows developers to use state and other React features in functional components.
• Implementing Lazy Loading in AngularMay 24, 2024. Implementing lazy loading in Angular enhances performance by loading modules, components, or routes only when needed. This step-by-step guide offers a real-world example, detailing how to optimize Angular applications for faster loading times and better user experience.
• How Do You Memoize a Component in ReactJSMay 22, 2024. Memoizing a ReactJS component with React.memo enhances performance by preventing unnecessary re-renders, especially for functional components with expensive computations or frequent identical props.
• How Do You Pass an Event Handler to a Component in ReactJSMay 21, 2024. Passing event handlers to React components involves defining them in the parent, passing them as props to the child, and utilizing them in the child component's event listeners for interactive applications.
• 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.
• Creating Responsive Layouts in React with Flexbox and GridMay 20, 2024. Learn to craft responsive layouts in React using Flexbox and Grid. Master CSS techniques for fluid designs adaptable to various screen sizes. Elevate your UI with mobile-first strategies and dynamic components for a seamless user experience.
• Learn About Components of a Class in C#May 20, 2024. In object-oriented programming, a class serves as a blueprint for creating objects. It encapsulates data and behavior, facilitating code organization and abstraction for secure, reusable solutions in C#.
• Creating Custom Web ComponentsMay 20, 2024. Creating a Web Component with frameworks such as React and Angular may look ordinary. But how about Vanilla JavaScript? In this article, we will also understand the basics of HTML.
• Exploring Delegating Handlers in C# .NETMay 19, 2024. In modern software development, especially when dealing with web services, the ability to customize and extend HTTP request and response processing is crucial. This article delves into the concept of delegating handlers, illustrating their use and benefits with practical examples.