Component Resources

About Component

Component is an identifiable part of a larger program which is used in Computer programming language to easy designing and development web applications. Component provides a particular function or group of related functions. In object oriented programming and distributed object technology Component is a reusable program building block that can be combined with other Component in the same or other computers in a distributed network to form an application. Component a single button in a graphical user interface, a small interest calculator, an interface to a database manager. Component can be deployed on different servers in a network and communicate with each other for needed services. Component is just like a container which is mainly used on web browser and websites.

Share

Related resources for Component

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.
Angular Directives 10110/21/2024 4:44:38 AM. 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 i
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,
Interactive Tic-Tac-Toe Game in React9/23/2024 7:18:53 AM. 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 th
Building a Custom QR Code Generator Component in React9/20/2024 4:32:50 AM. 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 i
Background Task in Universal Windows Program - Part One9/18/2024 8:53:52 AM. This article explains implementing background tasks in mobile programming for notifications and data processing. It covers creating a background task component using UWP and Windows Runtime, registeri
Build Microsoft Teams Tab Extensions with React Fluent UI9/11/2024 7:17:30 AM. 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,
Property 'X' Does Not Configure the Code Serialization for its Property Content9/11/2024 5:35:43 AM. 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 [Design
Building a Custom Image Slider Component in React9/11/2024 5:22:12 AM. 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
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
Building a Custom Rating Component in React9/2/2024 6:32:54 AM. 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
Blazor Meets Azure Maps8/30/2024 4:59:43 AM. 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 y
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
Artifactory: Simplifying Software Component Management8/26/2024 3:59:45 AM. 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,
Sharing Data from Child to Parent in Angular 188/24/2024 7:39:37 AM. 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
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
Share Data from Parent to Child Component in Angular 188/23/2024 6:25:55 AM. 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
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.
Create a Custom Middleware Component in ASP.NET Core8/14/2024 5:55:04 AM. This guide covers defining, implementing, and integrating middleware, allowing you to intercept and manipulate HTTP requests and responses effectively for custom functionality and performance improvem
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
Tips to Learn Angular Quickly8/8/2024 5:50:23 AM. 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. Ut
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
Use ngx-simple-text-editor in Angular 188/1/2024 5:48:40 AM. 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 pr
Building Dynamic Timers in React Managing State and Effects7/25/2024 12:12:10 PM. 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 a
Learn Custom Pipes in Angular 177/25/2024 5:21:09 AM. 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 speci
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
Dynamic Expansion Panel as a separate component.7/21/2024 7:54:06 AM. 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, an
Understanding the Angular Lifecycle Hooks7/16/2024 7:15:35 PM. Exploring NgOnInit, NgOnChanges, NgDoCheck, NgAfterViewInit, NgAfterViewChecked, NgAfterContentInit, and NgAfterContentChecked, this content offers comprehensive insights into when and how these hooks
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
What are the Different Ways to Style a Reactjs Component?7/5/2024 5:24:38 AM. 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.
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 is the Purpose of getDerivedStateFromError in ReactJS7/3/2024 9:20:52 AM. 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 method
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
Explain Rating Control in PowerApps7/3/2024 5:39:46 AM. 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 Routing7/1/2024 6:40:41 AM. 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
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
OnPush Change Detection Strategy: Optimizing Angular Performance 6/21/2024 10:02:53 AM. 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 def
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
Validate Your Blazor Form Using EditForm6/13/2024 8:22:26 AM. Blazor server-side, part of ASP.NET Core 3, introduces form validation via Context API and Redux. DataAnnotation attributes simplify validation logic, enhancing user experience and minimizing code com
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
Create Custom Middleware In An ASP.NET Core Application6/6/2024 7:52:06 AM. ASP.NET Core's request pipeline allows custom middleware components for handling tasks like authentication, and logging. Learn to create and integrate custom middleware for tailored application ne
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
Principle Component Analysis6/5/2024 11:10:34 AM. 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
Creating Custom Drop Down List Component In Blazor 3.2 WASM6/5/2024 8:09:06 AM. Learn to create a custom dropdown in Blazor WASM, a UI component with backend logic. Utilize this component across applications for maximum reusability. Prerequisites include Blazor and .NET Core know
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 Memoize a Component in ReactJS5/22/2024 10:00:39 AM. 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.
Type-safe development with React TypeScript Fundamentals5/21/2024 6:53:11 PM. 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
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
Creating Responsive Layouts in React with Flexbox and Grid5/20/2024 10:23:10 AM. 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 c
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
Show/Hide Property Pane Component Based On Another Component's Value In SPFX5/16/2024 9:29:27 AM. In SharePoint Framework (SPFX), customize property panes by dynamically showing or hiding components based on the values of other components. Utilize React's conditional rendering for efficient UI
What is Methods Order When Component Re-rendered in Reactjs5/16/2024 4:12:14 AM. This React class component illustrates the lifecycle methods called during re-rendering. From updating the state to rendering JSX and handling DOM changes, each method plays a crucial role in componen
What is a Switching Component In ReactJS5/15/2024 4:18:24 AM. A switching component in React dynamically renders different content based on conditions or user interactions. It's a versatile tool for creating dynamic interfaces, commonly used for tabbed inter
Web API Service Call Function In Blazor Component 5/13/2024 11:29:42 AM. Learn how to make HTTP service calls to a Web API from a Blazor component using C#. Explore asynchronous programming, HTTP client usage, and integration of RESTful API calls. Understand how to leverag
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
How to Get Started with React and TypeScript?5/9/2024 11:36:16 AM. 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 configur
Composite Design Pattern With C#5/6/2024 11:55:47 AM. A composite design pattern is a structural design pattern. It allows developers to create multiple nested objects of the same type to complete one single system hierarches Players in this pattern.
Composite Design Pattern Using Python5/6/2024 11:37:22 AM. A composite design pattern is a structural design pattern. It allows developers to create multiple nested objects of the same type to complete one single system hierarchy.
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
Accessing XRM In Angular Component In Dynamics CRM4/26/2024 11:58:44 AM. Learn how to integrate XRM Toolkit with Angular JS for Dynamics CRM development. Follow steps to add ClientGlobalContext, install XRM libraries, configure tsconfig.app.json, and access user data. Perf
.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
Composite Design Pattern Using Java4/24/2024 7:45:07 AM. The composite design pattern facilitates creating nested objects of the same type, forming a hierarchical system. Components define a base contract, composites implement it, and clients build system
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#
Component Wise vs. Functionality Wise - Team Breakup4/23/2024 8:34:26 AM. Agile methodology advocates for smaller teams like frontend, backend, and data engineering for enhanced productivity. Component-oriented and feature-oriented teams streamline development, but communic
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."
Getting Started ✍️ With Angular 6 Using Angular CLI - Part 2️⃣4/19/2024 10:28:54 AM. Delve into Angular CLI essentials including version control, component, module, class, interface, and enum creation. Discover inline template & style commands for streamlined Angular 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

Topics