Post
Ask Question
Related resources for Components
  • Use of ItemsControl in WPF C# for Flexible UI Design11/19/2024 4:38:09 AM. 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 dev
  • Enhancing Forms with React Server Components10/24/2024 11:49:57 AM. In this video, we explore the application of React Server Components (RSC) to elevate the functionality and efficiency of forms.
  • TypeScript for advanced type inference in React10/24/2024 4:43:27 AM. In this article, Ziggy Rafiq discusses advanced type inference techniques in React with TypeScript, focusing on hooks and JSX elements.
  • Power Apps and Library Component10/20/2024 9:59:58 AM. 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 customizatio
  • How To Implement Bootstrap 4 Popover9/24/2024 11:52:14 AM. This article covers the Bootstrap 4 Popover component, a versatile tool for displaying pop-up content when users interact with elements. It highlights key features such as initialization with jQuery,
  • Working With Azure Functions From SharePoint Components9/9/2024 11:48:43 AM. This article explains how to trigger Azure functions from SharePoint pages using HTTP trigger functions. It covers creating a SharePoint list from an Azure function using C# and SharePoint CSOM, passi
  • Types of components selectors in Angular with examples9/6/2024 8:22:59 AM. 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
  • Create a Material-UI Custom Select Component with React js.9/5/2024 8:31:11 AM. 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
  • Explaning .NET Razor ≠ .NET Blazor9/5/2024 5:14:36 AM. 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 inter
  • Learn to Create a Simple Dialog Box in Blazor8/27/2024 11:04:33 AM. 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.
  • Building a Data-Driven App with Blazor and Fluent UI8/26/2024 4:06:22 AM. 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
  • How to Build and Reuse a Dynamic Pagination Component in Blazor8/23/2024 7:24:43 AM. 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
  • Building Dynamic and Reusable Modal Popups in Java Web App8/23/2024 6:12:52 AM. 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, scalabl
  • Creating Custom Web Components8/21/2024 4:51:27 AM. 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.
  • Angular Routing Mastery Navigate Between Components Easily8/14/2024 5:44:12 AM. 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
  • How to Call JavaScript Function in Angular 18 Component?8/8/2024 9:38:18 AM. 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 interac
  • Creating a Simple Calculator with React.js8/8/2024 5:30:31 AM. Learn how to craft a simple calculator using React.js. Follow our detailed steps to set up the environment, create components, implement logic, and add styling for a functional calculator app.
  • Implementing Cascading Drop-Down Lists in .NET Core8/7/2024 9:17:18 AM. 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 coul
  • Key components of Azure Governance7/24/2024 4:10:59 AM. Azure governance encompasses policies, initiatives, and blueprints in Microsoft Azure, ensuring secure, compliant, and efficient resource management. Policies enforce rules on resources, while initiat
  • Building Web Apps with Streamlit and Python7/10/2024 10:14:44 AM. 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 reloadin
  • Essential Components of Prompt Design in GPT's Search7/8/2024 4:49:51 AM. 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 use
  • How to Pass Data Between Reactjs Components?7/5/2024 5:19:49 AM. 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 app
  • What are Custom Hooks in ReactJS7/3/2024 9:19:26 AM. 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 effec
  • Types of Blazor Components Routable Non-Routable Templated Dynamic7/3/2024 7:45:51 AM. 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 comp
  • Creating Dynamic Dropdown Lists in ASP.NET MVC6/28/2024 8:45:04 AM. 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 ensu
  • Understanding React Hook at a Glance6/28/2024 6:36:47 AM. 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 c
  • Styling in React with Styled Components and TypeScript6/27/2024 4:54:20 AM. 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
  • Apply Filters Dynamically on Kendo Grid in Angular6/25/2024 5:50:17 AM. 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
  • SharePoint 2016/2013 - How To Install SharePoint Client Components SDK6/24/2024 9:00:42 AM. Learn how to set up client machines for CSOM-based PowerShell development using SharePoint Client Components. Download the appropriate MSI file based on your OS version, install it, and access SharePo
  • Mesop Framework Of Python From Google6/20/2024 5:59:11 AM. 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 de
  • Using React Components In SPFx Extension Application Customizer6/17/2024 11:23:06 AM. SharePoint Framework (SPFx) Extensions enhance SharePoint by customizing placeholders such as headers and footers using React components. Learn to create SPFx solutions with Yeoman, manage npm depend
  • Creating a Web Resource Based on React TypeScript in Dynamics 3656/13/2024 8:02:59 AM. 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, reusa
  • Understanding Global Variables in Azure Data Factory6/13/2024 7:09:59 AM. 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
  • SPFx Webpart With Angular Elements6/6/2024 7:27:00 AM. Explore the integration of SPFx web parts with Angular elements using PnP generator v1.14.0. Learn about Angular Elements, prerequisites, environment setup, development steps, bundling, rendering, an
  • Micro Frontends With ASP.NET Core and Blazor WebAssembly Components 5/29/2024 4:36:08 AM. 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 flexibi
  • Key Components of VMware NSX ALB5/28/2024 7:00:13 AM. Explore the core components of VMware NSX ALB, including Service Engine, Controller, Console, Data Plane Scaling, and NSX ALB Cloud Services.
  • Implementing Lazy Loading in Angular5/24/2024 6:06:21 AM. 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 Ang
  • Create "Hello World" App In Onsen UI Using Visual Studio 20155/22/2024 10:41:14 AM. Create a "Hello World" app in Onsen UI using Visual Studio 2015. Set up your development environment, utilize Onsen UI templates, and integrate JavaScript, HTML5, and CSS for a basic yet fun
  • Developing Login Page In Onsen UI Using Visual Studio 20155/22/2024 10:40:17 AM. Create a secure and responsive login page in Onsen UI using Visual Studio 2015. Utilize JavaScript, HTML5, and CSS to design user-friendly input forms, ensuring proper authentication and validation.
  • How Do You Pass an Event Handler to a Component in ReactJS5/21/2024 6:41:58 AM. 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 app
  • Learn About Components of a Class in C#5/20/2024 6:28:23 AM. 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
  • Exploring Delegating Handlers in C# .NET5/19/2024 6:27:43 AM. 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
  • Functional Components with React Hooks and TypeScript5/11/2024 5:16:58 PM. 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
  • Introducing Claims Based Identity With OWIN Components5/6/2024 11:20:48 AM. Explore the synergy of Claims-based identity and OWIN components in ASP.NET. Enhance authentication and authorization with security tokens, middleware, and identity management for robust web applicati
  • OpenID Connect Availability in OWIN Security Components4/30/2024 9:51:18 AM. Discover the integration of OpenID Connect with OWIN security components for robust authentication and authorization in .NET applications. Enhance identity management and security with seamless integr
  • .NET Framework At A Glance4/25/2024 11:27:49 AM. .NET Framework At A Glance. In this post let's see what is the .NET Framework, benefits of the .NET Platform, introducing CLR, CTS, and CLS, Framework Class Library(FCL), Managed vs. Unmanaged Cod
  • Learn about Components Of .NET4/25/2024 8:00:10 AM. The .NET ecosystem comprises various components facilitating software development across platforms. Key elements include the .NET Framework with its Common Language Runtime (CLR) and Base Class Librar
  • Group Box and Picture Box in Windows Forms4/23/2024 11:07:40 AM. Combine Group Box & Picture Box in Windows Forms for organized UI & image display. Utilize Group Box for visual grouping & Picture Box for image rendering, enhancing user experience in C#
  • Start With AngularJS: Part 64/22/2024 7:17:00 AM. Part 6 of AngularJS explores advanced topics like dependency injection, services, factories, and providers. It delves into custom directives, components, transclusion, and essential services like $htt
  • Getting Started With Angular 6 Using Angular CLI - Part One4/19/2024 10:29:13 AM. Start your Angular 6 journey with Angular CLI in this guide. Learn TypeScript, create SPAs, manage modules, and utilize dependency injection for efficient front-end development."
  • REST APIs: Principles, Components, and Advantages4/19/2024 4:48:44 AM. In today's interconnected digital world, the need for efficient communication between software systems has never been greater. In this article, we'll delve into the world of REST APIs, explori
  • Introduction to the Assembly Concept4/18/2024 1:23:08 PM. An introduction to the assembly concept explores the fundamental unit of deployment in .NET applications. Assemblies encapsulate code, metadata, and resources, aiding in code management, versioning, a
  • Simple Blazor Components In .NET CORE MVC 3.14/18/2024 9:58:41 AM. Explore building simple yet powerful web components with Blazor in .NET Core MVC 3.1. Dive into the world of Razor Components, leveraging C# to create dynamic UIs.
  • How To Get Started With The Radzen Blazor Components4/18/2024 9:57:19 AM. When creating a Blazor Application (both Server and WebAssembly), by default it consists of the UI framework. But some projects might be need to deliver sooner or the time frame for a project is lesse
  • Easily Create A Chart In Blazor With Syncfusion Component 4/18/2024 9:56:20 AM. Effortlessly generate interactive charts in Blazor using Syncfusion's intuitive components. With seamless integration, harness the power of C# and .NET to create compelling data visualizations for
  • Parameters In Blazor Components (Deep Dive)4/18/2024 9:34:02 AM. Explore the intricacies of Blazor component parameters with this deep dive. Learn about data binding, lifecycle methods, and communication between parent and child components for interactive and reusa
  • Form Controls and Create Basic Form in Blazor Component 4/18/2024 9:25:04 AM. Learn to build interactive forms in Blazor components using form controls like input fields, dropdowns, and buttons. Explore data binding techniques to connect form elements to your component's da
  • Angular Services: Data Sharing & Logic Across Components4/17/2024 9:32:58 AM. In this article, we are going to utilize the Angular Services. Service is nothing but the class having certain operations for a specific purpose. We use Services in Angular to share data among the com
  • Learn Angular 8 Step By Step in 10 Days – Components (Day 2)4/17/2024 8:21:44 AM. Google released the new version of Angular, i.e., Angular 8 just a month ago. This new release of Angular contains many upgrades and new features. So, with the help of this learning series, we will ex
  • Overview Of Components In Angular4/16/2024 6:34:04 AM. In this article, we are going to learn the basics of Angular components. We are going to learn what exactly makes up the component and how we can add a new component to our Angular application with th
  • Sharing Data Between Components In Angular4/16/2024 5:33:03 AM. Share data between Angular components efficiently using Input and Output decorators, EventEmitter, and component interaction techniques. Explore parent-child and child-parent communication methods to
  • Angular Services For Sharing Data Between Components4/15/2024 11:56:17 AM. My previous article about Sharing Data Between Components Using Angular V4 And Above in which I explained the methods by which we can share data between components parent and child Today I am here fo
  • How To Add And Delete Data In Angular 4/15/2024 11:54:36 AM. Learn how to implement add and delete operations in Angular to store and remove data from the database. This tutorial guides you through creating components, forms, and functions for submitting and de
  • Easily Share Data Between Two Unrelated Components In Angular 4/15/2024 11:54:15 AM. In Angular, data sharing between unrelated components can be achieved using services and observables. Services act as intermediaries, while observables facilitate seamless communication, enabling effi
  • CRUD Operation Using Angular And Web API4/15/2024 11:11:52 AM. Learn to implement CRUD operations in Angular using WebApi. This article guides you through creating components, routing, models, and handling HTTP requests. Prerequisites include basic Angular and We
  • Share Data Between Child And Parent Components In Blazor 4/12/2024 11:14:56 AM. Explore Blazor, Microsoft's framework for building dynamic web UIs with .NET. Learn about Razor components, data sharing between parent and child components, and creating reusable UI elements like
  • Future Ready Blazor Application Architecture4/9/2024 9:16:46 AM. Learn how to separate UI components in Blazor applications for code reuse using Razor Class Library. Step-by-step guide to create and integrate UI components into Blazor Server applications. Future-re
  • ViewComponent In ASP.NET Core4/8/2024 9:02:10 AM. ViewComponent in ASP.NET Core enables the creation of reusable UI components, enhancing code modularity and separation of concerns. Leveraging Razor syntax, it facilitates rendering dynamic content an
  • Add Reactstrap Components In ReactJS4/5/2024 11:20:12 AM. In this article, we will learn to Integrate Reactstrap into ReactJS for enhanced UI components. Utilize Bootstrap's pre-designed elements for responsive and stylish interfaces. Simplify frontend d
  • Add Material UI In React Application4/5/2024 5:48:49 AM. Learn to integrate Material-UI library in React apps for efficient UI development. Install components like Button, AppBar, TextField, Checkbox, and Breadcrumbs. Build responsive user interfaces effor
  • Building Azure Bicep Reusable Components with Private Registry4/3/2024 10:28:04 AM. In this article, we are going to learn how to reuse the Bicep Infrastructure as Code with your team and other teams across the Organization.
  • Learn JSX and React Components4/3/2024 4:32:20 AM. A brief idea about the JSX and React Components.
  • Custom Directives in the Angular4/3/2024 4:18:37 AM. Angular directives are one of the core features in the angular framework, directives help to extend the HTML functionality and structure modify the elements, and attach to the DOM.
  • Avoid Combining 'if' and 'for' Directives in Vue.js Components3/29/2024 8:54:11 AM. Combining v-if and v-for directives on the same element in Vue.js is discouraged due to ambiguity, performance, and maintainability concerns. This article explores alternatives for clearer, more effic
  • Learn about Spinners in Bootstrap3/22/2024 5:49:20 AM. In this article will we learn type of spinners in Bootstrap5
  • What is Prop Drilling in Vue.js3/20/2024 11:58:07 AM. In this article, we will learn Prop drilling in Vue.js refers to the process of passing data from a parent component down through multiple layers of nested child components.
  • A Simple Calculator In React.js3/7/2024 8:55:05 AM. In this article, we will explore building a basic calculator using React.js, leveraging its component-based structure and state management. Dive into JSX syntax, event handling, and UI design to creat
  • Remote Access Of The Database Using SQL Server 3/7/2024 8:36:49 AM. Remote access to SQL Server databases enables users to connect to and manage databases from a location outside the physical server. It involves configuring network settings, security measures like aut
  • Importing Access Database into SQL Server 20123/5/2024 10:40:07 AM. Destructuring simplifies value extraction from objects/arrays. React's event handling enables dynamic responses to user interactions, crucial for interactive UIs. Components manage state/props, fa
  • What Is Route-Based Code Splitting in React.js?3/5/2024 9:46:23 AM. Route-based code splitting in React.js enhances performance by loading only the necessary code for specific routes or pages. This technique is crucial for large applications with multiple routes, ensu
  • Destructuring And Event Handler In React3/5/2024 8:59:40 AM. Destructuring in React allows efficient extraction of values from objects or arrays. Event handlers manage user interactions, like clicks or input changes. They're essential for interactive UIs in
  • Bluetooth Broadcasting3/4/2024 6:21:47 AM. Bluetooth Broadcasting utilizes Bluetooth technology to send messages or data to nearby devices. It enables various applications such as proximity marketing, beacon technology, and location-based serv
  • Explain Vue.js Computed Properties3/4/2024 5:41:43 AM. 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.js v-for: Creating Dynamic Components with Props3/1/2024 6:33:21 AM. Vue.js is renowned for its ability to create dynamic and interactive user interfaces, and the v-for directive stands out as a powerful tool when it comes to dynamically generating components. In this
  • Fluent UI Components in Power Apps3/1/2024 5:29:37 AM. Unleashing the Power of PowerApps: A Deep Dive into Fluent UI Components” is an insightful guide that explores the integration of Fluent UI components into PowerApps. This article provides a comprehen
  • What is Purpose of Keep Alive Tag in Vue.js2/23/2024 6:20:20 AM. The <keep-alive> tag in Vue.js preserves the state of dynamic components, optimizing performance by caching and reusing them. Maintain state and improve performance in dynamic Vue.js application
  • What are Higher-Order Components in React.js2/22/2024 8:28:23 AM. Higher-order components (HOCs) in React.js enable reusable logic by creating functions that enhance components. Understand their role, advantages, and usage with a detailed explanation and practical e
  • What is Global Registration in Components in Vue.js2/22/2024 8:18:12 AM. Global registration of components in Vue.js simplifies usage across the application without importing into each component. Learn the process, pros, cons, and best practices with code examples for effe
  • What Are Single File Components in Vue.js2/22/2024 6:48:29 AM. Single File Components (SFCs) in Vue.js consolidate templates, scripts, and styles in one file, enhancing organization. The example demonstrates creating and using a TodoItem component for a clear str
  • Learn about Components in Vue.js 2/21/2024 11:54:24 AM. Vue.js is a popular JavaScript framework for building interactive user interfaces. One of its key features is the use of components, which allows developers to create reusable and self-contained piece
  • What are Uncontrolled Components in React?2/21/2024 9:49:33 AM. Uncontrolled components in React delegate form data management to the DOM, allowing the DOM to handle the state of form elements, often resulting in simpler implementations and potential performance b
  • What are Pure Components?2/21/2024 9:20:34 AM. Pure Components in React, implemented through React.PureComponent or shouldComponentUpdate(), optimizes performance by preventing unnecessary renders through shallow prop and state comparisons, enhanc
  • What are Recursive Components in Vue.js?2/20/2024 8:35:19 AM. Recursive components in Vue.js are components that are capable of rendering themselves within their own template. Here's a breakdown of how recursive components work and how to implement them.
  • Single Page Application Using Server-Side Blazor2/20/2024 7:24:40 AM. This comprehensive tutorial guides you through creating a Single Page Application (SPA) using server-side Blazor with Entity Framework Core. It covers CRUD operations, modal popups for user input, dro
  • Power Apps Components Framework (PCF)2/15/2024 5:16:15 AM. The Power Apps Components Framework (PCF) empowers developers to create custom controls for Microsoft Power Apps and Dynamics 365, enhancing user experiences and extending functionalities.
  • React Design Pattern Series: Container/Presentational Pattern2/14/2024 7:17:48 AM. Learn how to master the Container/Presentational Pattern in React with our comprehensive guide. This design pattern separates view and application logic, promoting improved code organization, reusabil
  • React Design Pattern Series: Mastering Render Props Pattern2/13/2024 10:41:52 AM. The article delves into the power and flexibility of React render props as a fundamental design pattern in React development. Exploring the concept, benefits, and real-world use cases, the article dem
  • What is the Purpose of renderError?2/13/2024 8:23:51 AM. RenderError in Vue.js provides a fallback mechanism to handle rendering errors within components, allowing graceful handling and presentation of errors to users for a smoother user experience.
  • How to Implement Approval in Teams Using Adaptive Cards2/13/2024 7:05:04 AM. This article introduces Adaptive Cards, versatile user interface components formatted in JSON, capable of seamless integration across various platforms. It delves into their significance in enabling l
  • Mastering Middleware in .NET2/13/2024 6:28:06 AM. Discover the role and importance of middleware in .NET development. Explore its implementation, patterns, and integration within the ASP.NET request processing pipeline for enhanced application functi