Component

Component Libraries

Build reusable canvas app components and publish them as component libraries shared across multiple apps.

Authentication and AuthorizeView

Learn how Blazor's AuthenticationStateProvider, AuthorizeView, and the [Authorize] attribute work together to build authentication-aware UI.

Blazor Quick Reference

A condensed cheat sheet covering component syntax, directives, lifecycle methods, and data binding for fast lookup while building Blazor apps.

Component Libraries: MudBlazor and Radzen

A practical comparison of MudBlazor and Radzen Blazor Components — pure-Razor UI libraries offering theming, forms, and data grids that work consistently acros…

Component Lifecycle Methods

Walk through Blazor's component lifecycle — from OnInitialized through OnParametersSet, OnAfterRender, and IDisposable — to know exactly when to run setup and…

Component Parameters

Learn how Blazor components accept and expose data from their parents using the [Parameter] attribute, including required parameters, complex types, and one-wa…

Your First Razor Component

A hands-on walkthrough of creating, parameterizing, and wiring events into a basic Blazor component.

Component Testing with Playwright

How Playwright's component testing mode mounts individual React, Vue, or Svelte components in a real browser for fast, isolated tests.

Component Testing

Understand how Cypress Component Testing mounts individual UI components in a real browser for fast, isolated, high-fidelity assertions.

The Component Model Explained

How the WebAssembly Component Model lets modules written in different languages compose safely through typed interfaces instead of hand-rolled glue code.

Vulnerable and Outdated Components

Understand the risks of using outdated or vulnerable third-party libraries, frameworks, and dependencies, and how to manage them securely.

Component Scanning

Learn how Spring discovers annotated classes on the classpath and registers them as beans, and how to control scan scope with filters.

Image Optimization with next/image

How the built-in Next.js Image component automatically resizes, lazy-loads, and serves modern image formats to improve performance.

The Link Component and Navigation

Learn how Next.js's Link component powers fast, client-side navigation with automatic prefetching, and how to complement it with the useRouter and usePathname…

Component Composition in React

Learn how to build complex UIs by combining small, reusable components using composition patterns.

Local Component State Patterns

Explore idiomatic ways to structure a component's own internal reactive state before reaching for external state management like Pinia.

Anatomy of a Component

A close look at the parts that make up an Angular component — the decorator metadata, class body, template, and styles — and how they fit together.

ViewChild and ContentChild

Learn how @ViewChild/@ViewChildren and @ContentChild/@ContentChildren let a component query and programmatically interact with elements in its own template or…