2024 рік показав, наскільки важливою є роль окремих особистостей у розвитку вебстандартів. Важливим фактором стала їхня активна присутність у соціальних мережах та технічних спільнотах, де вони не лише пояснювали нові специфікації, але й збирали зворотний зв’язок від розробників. Намагатися підбити висновки року для фронтендерів — це дійсно завдання із зірочкою. Мультивсесвіт фронтенду настільки різноманітний і багатогранний, що для кожного FE-розробника він виглядає по-своєму.

Інструменти фронтенду: рік швидкості та оптимізації

Реліз Svelte 5 з новою системою рективності runes став великою подією (у вузьких колах). Це оновлення не просто додало нові можливості — воно переосмислило сам підхід до управління станом у фреймворку. Хоча у мене не було можливості доторкнутися до цієї магії на проєктах, приємно бачити, як росте екосистема Svelte. З’являється все більше бібліотек та інструментів, оптимізованих саме під цей фреймворк, що робить його все більш привабливим для серйозних завдань. Може варто задонатити, почати розмовляти українською або допомогти іншим? Пам’ять не пасивна — це активна участь у спільній боротьбі за майбутнє.

AI у фронтенді: від хайпу до практики

А це означає, що нарешті можна відмовлятися від розсипу JS-бібліотек і компонентів для спливаючих вікон і починати використовувати нативний елемент зі своїм API. Шукаємо досвідченого React / Next.js Розробника для роботи в нашій команді. Ідеальний кандидат захоплюється створенням сучасних веб-додатків, співпрацею з дизайнерами та розробкою якісного, легко підтримуваного коду.

Більше вакансій «Цитрус»

Цікаво спостерігати, як Tailwind намагається знайти баланс між збереженням своєї філософії «utility-first» та адаптацією до нових можливостей нативного CSS. Наприклад, рівно два роки тому в блогах розробників chrome та webkit з’явилися пропозиції та голосування щодо вибору синтаксису для нативного CSS Nesting. Вже через рік «інтернет вибухнув» розсипом статей на тему «CSS Nesting is Here». Сьогодні nesting підтримується усіма браузерами, і якщо ви ще не знайомі з фінальним синтаксисом, рекомендую одну з найкращих статей з цього приводу. Щодо інструментів стандартизації не можна не згадати вдалий реліз Biome півроку тому, який дозволяє забути про eslint, prettier i зоопарк їхніх плагінів.

Репетитор програмування для 8 – 17 років javascript, react, html, css

Останні півроку спостерігаю дебати між тими, хто вважає, що за вебкомпонентами майбутнє, і тими, хто вважає, що це утопія. Але краще за усіх сказав Nolan Lawson в статті «Web components https://wizardsdev.com/ are okay». Так, вони наразі не можуть повноцінно замінити класичний JS чи фреймворки, але це не проблема, якщо не ставити її за мету. Server Components, які стабілізувались у 2024 разом з React 19 та Next.js 15, стали, мабуть, найбільш обговорюваною подією року в цій підмножині фронтенду. Пам’ятаю доволі значний проміжок року, коли розділ «React» в  щотижневних дайджестах скадався з суцільного потоку статей про серверні компоненти. Проте, на відміну від попередніх великих оновлень React, цього разу спільнота зустріла зміни з певною обережністю.

• 2024 рік показав, наскільки важливою є роль окремих особистостей у розвитку вебстандартів.
• Мабуть, єдиною причиною використовувати CSS-препроцесори на сьогодні залишається відсутність нативних міксинів.
• Особливо цікавим є їхній підхід до оптимізації первинного завантаження та гідратації.
• Gemini ж цього разу показав себе найкраще, вивівши і новину, і аналіз події та передбачення на майбутнє.
• Гадаю, тут багато хто мав справу з GitHub Copilot і розуміє можливості цього інструменту.
• Playwright і Cypress продовжили конкурувати за звання найкращого інструменту для E2E-тестування.

Я ж в свою чергу хочу поділитися своїм поглядом на тенденції у світі фронтенду, за якими я спостерігав протягом останнього року, в тому числі готуючи щотижневі фронтенд-дайджести для ДОУ. 2024 рік став для JavaScript-екосистеми роком пошуку балансу між інноваціями та стабільністю. Якщо у CSS ми спостерігали прискорення еволюції, то у світі JavaScript відбувалася більш виважена трансформація з фокусом на продуктивність та спрощення розробки. Особливістю є використання єдиного абстрактного синтаксичного дерева (AST) для всіх завдань, що зменшує дублювання процесів та підвищує ефективність. Для досягнення високої продуктивності інструменти розробляються на Rust, що в теорії має забезпечити швидкодію та безпеку пам’яті. Мені здається, що цей проєкт має усі шанси відбутися, бо окрім фінансування він вже має команду з core-розробників Vite, Vitest, Rolldown та Oxc включно з самим Еваном.

До речі, доволі показові відповіді різних AI-чатів на питання, що вони знають про VoidZero. Claude цього разу зазначив, що не має актуальних даних щодо новин, що відбулися в жовтні. ChatGPT видав непоганий мова програмування шмат знань з посиланнями, але деякі з них були не робочі.

• React, залишаючись домінуючим фреймворком, ризикує втратити частину користувачів через зростаючу складність.
• Мультивсесвіт фронтенду настільки різноманітний і багатогранний, що для кожного FE-розробника він виглядає по-своєму.
• Одним з найцікавіших трендів року стало зростання популярності «мінімалістичних» підходів до веброзробки.
• Парадоксально, але тим не менш, вакансій більше не з’являється, спільнота залишається відносно невеликою, а більшість знайомих ангулярщиків за останній рік змінила стек.
• Час від часу він допомагає мені з імейлами та документами в різних форматах, але коли діло доходить до технічних моментів чи коду, то біда.
• Server Components, які стабілізувались у 2024 разом з React 19 та Next.js 15, стали, мабуть, найбільш обговорюваною подією року в цій підмножині фронтенду.

Middle Front-end Developer (Vue.js)

• Ну а Vitest став де-факто стандартом для тестування у Vite-проектах, пропонуючи максимальну швидкість та сумісність з Jest API.
• JavaScript-екосистема у 2024 році показала ознаки не тільки зрілості, але й «втоми від складності».
• До речі, доволі показові відповіді різних AI-чатів на питання, що вони знають про VoidZero.

Цікаво спостерігати, як «старші» технології можуть не просто відроджуватися, а й задавати нові тренди. Angular, який дехто вже списав з рахунків, продемонстрував, як традиційний enterprise-фреймворк може адаптуватися до сучасних вимог веброзробки. Впровадження сигналів в Angular запропонувало простішу та інтуїтивнішу модель реактивності, яка при цьому забезпечує кращу продуктивність. Angular 18 та 19, що вийшли протягом фронтенд розробник вакансії цього року, стабілізували сигнали та додали корисних фіч типу інкрементальної гідрації та standalone-компонентів. Парадоксально, але тим не менш, вакансій більше не з’являється, спільнота залишається відносно невеликою, а більшість знайомих ангулярщиків за останній рік змінила стек.