Komponent — veb proqramlaşdırmada, xüsusilə Front-End framework və kitabxanalarında (məsələn, React, Vue, Angular) istifadə olunan yenidən istifadə edilə bilən (reusable) və modul şəklində hazırlanmış kod blokudur. Komponentlər istifadəçi interfeysinin (UI) fərdi hissələrini yaratmağa və idarə etməyə imkan verir.

Komponentin əsas xüsusiyyətləri:

• Təkrar istifadə edilə bilir – Eyni komponenti müxtəlif səhifələrdə və ya layihənin fərqli hissələrində istifadə etmək mümkündür.
• Modulluq – Kod daha səliqəli və idarəolunan olur. Hər komponent öz funksionallığına malikdir və digər komponentlərdən asılı olmayaraq işləyə bilər.
• Oxunaqlılığı artırır – Kod strukturlaşdırılmış şəkildə yazıldığı üçün başa düşmək və dəyişiklik etmək asan olur.
• Müstəqil işləyir – Komponentlər daxilində öz məlumatları, metodları və şərhləri olur.

Məsələn:

Təsəvvür et ki, bir e-ticarət saytında hər məhsul üçün ayrı-ayrı kartlar var. Bu məhsul kartlarının hər biri — şəkil, başlıq, qiymət və düymə olan — bir komponent ola bilər. Bu komponenti yüzlərlə dəfə müxtəlif məhsullar üçün istifadə etmək mümkündür.

HTML-də Komponent yoxdur?

Ənənəvi HTML-də "komponent" anlayışı yoxdur, amma Web Components (Custom Elements, Shadow DOM və s.) vasitəsilə oxşar məntiq qurmaq mümkündür.

Komponentlər Front-End texnologiyalarını öyrənənlər üçün müasir veb inkişafının əsas anlayışlarından biridir.