Фронтенд стає діалогом

Протягом десятиліття розробка фронтенду була боротьбою за інструменти. Ви обирали між React або Angular. Ви обирали між Webpack або Vite. Більша частина вашого часу йшла на те, щоб встигати за цими змінами.

Ця ера добігає кінця. Фокус зміщується з того, яку бібліотеку використовувати, на те, як дані та ШІ взаємодіють між собою.

Сучасні продакшн-додатки слідують новому шаблону:

  • Фреймворки, такі як React або Svelte, є стандартом.
  • Метафреймворки, такі як Next.js або SvelteKit, беруть на себе основне навантаження.
  • TypeScript є стандартом за замовчуванням.
  • Серверний рендеринг (server-first rendering) є базовим стандартом.

Центр тяжіння повернувся до сервера. Це розумніший сервер, який стрімить дані та ефективно керує мережею.

ШІ змінив обсяг роботи. Він виконує перші 80% завдання. Він може створити компонент або макет за лічені хвилини. Це замінює години ручної праці.

ШІ зазнає невдачі на останніх 20%. Він має труднощі з доступністю (accessibility), граничними випадками (edge cases) та складною логікою стану. ШІ дає вам чернетку. Він не дає вам ідеального рішення.

Ваша цінність тепер полягає у вашому професійному судженні. Ви повинні знати, коли згенерований код є помилковим. Наприклад, ШІ може написати компонент ціни, але забути про різні валюти або формати локалізації. Ставити такі запитання — це ваша нова робота.

Ми рухаємося до Generative UI.

  1. Static UI: Ви пишете кожен екран.
  2. Server-driven UI: Бекенд надсилає схему, яку клієнт має відрендерити.
  3. Generative UI: Модель будує дерево компонентів на основі намірів користувача.

Успішні команди використовують підхід з обмеженнями. Вони надають ШІ фіксований набір перевірених компонентів. Дизайн-система стає запобіжником (guardrail) для ШІ.

Три прогнози на майбутнє:

  • Бібліотеки компонентів — це ваш найцінніший актив. Саме їх використовують і люди, і ШІ для розробки.
  • Перемагають контракти, придатні для читання машиною. Чіткі типи та схеми допомагають ШІ працювати без помилок.
  • Рев'ю замінює написання коду. Ваше основне завдання зміщується від написання коду до його оцінювання.

Фронтенд-інженерія не зникає. Механічні аспекти стають дешевшими. Складні речі, такі як архітектура, правильність та смак, стають ціннішими.

Найкращими інженерами будуть не ті, хто найшвидше друкує. Це будуть ті, хто зможе визначити, як виглядає якісний результат, і миттєво помічатиме помилки.

Source: https://dev.to/parsajiravand/the-frontend-is-becoming-a-conversation-where-ui-engineering-goes-next-98l

Optional learning community: https://t.me/GyaanSetuAi