Что такое нативный компонентный подход

Нативный компонентный подход — это создание UI-компонентов с использованием чистого JavaScript, HTML и CSS без фреймворков (React, Vue и т.д.). Компоненты строятся как самостоятельные, переиспользуемые блоки с инкапсулированной логикой и стилями.

Пример нативного компонента (кнопка):

<button class="custom-button">Click me</button>

<style>
.custom-button {
  padding: 10px 20px;
  background: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>

<script>
document.querySelector('.custom-button').addEventListener('click', () => {
  alert('Button clicked!');
});
</script>

Плюсы:

• Полный контроль над реализацией
• Нет оверхеда от фреймворков
• Понятная DOM-структура

Минусы:

• Нет реактивности "из коробки"
• Больше ручной работы с DOM
• Сложнее масштабировать

Используется в legacy-проектах, микроприложениях или когда важна минимальная зависимость.