Void Zero позиціонує себе як лідера в розробці інструментів JavaScript наступного покоління. А це вже свідчить про серйозні наміри команди вдосконалювати нинішні інструменти веб-розробки. Спираючись на можливості Oxc, з’являється бандлер нового покоління — Rolldown, розроблений на заміну як esbuild, так і Rollup у майбутніх версіях Vite. Попри початковий статус Rolldown вже реалізував більшість очікуваних функцій.
Середня зарплата Front-end розробника
Інструменти старого покоління базувалися на процесі бандлінгу, що передбачав об’єднання всіх модулів програми в один або кілька файлів, перш ніж їх запускали в браузері. Перезбірка проєкту при внесенні змін вимагала чимало робота фронтенд часу, особливо якщо код складався з десятків тисяч рядків. Це сповільнює продуктивність і заважає зосередитися на написанні коду. Jest як інструмент для тестування, використовує власну систему трансформації коду на основі Babel або ts-jest. Оскільки Vite замінює Babel на SWC чи esbuild, виникає невідповідність між тим, як трансформується код у тестах та під час роботи застосунку. Jest може потребувати додаткової конфігурації, щоб коректно працювати в середовищах із Vite.
- Зокрема, Еван Ю заявив про народження Void Zero — нової компанії з успішним раундом початкового фінансування в розмірі 4,6 млн доларів.
- Командам, які тривалий час працювали з Webpack або Gulp, може бути складно перейти на Vite.
- А це вже свідчить про серйозні наміри команди вдосконалювати нинішні інструменти веб-розробки.
- З огляду на стрімкий ріст ком’юніті Vite однозначно вартий уваги, особливо, якщо вам не вистачає продуктивності з нинішніми інструментами.
- Натискаючи «Продовжити», щоб приєднатися або увійти, ви приймаєте Угоду про користування LinkedIn, Політику конфіденційності та Політику щодо файлів cookie.
А що далі? Потенціал розвитку Vite
Хоча, на мою думку, вони незначні в порівнянні з користю цього інструмента. Натискаючи «Продовжити», щоб приєднатися або увійти, ви приймаєте Угоду про користування LinkedIn, Політику конфіденційності та Політику щодо файлів cookie. Надішліть посилання на ваш пост, і ми його опублікуємо від вашого імені. Тож давайте вже зараз розбиратися, що таке Vite та чим він може бути корисний у фронтенді. Теперь будь-який користувач може вести свій блог, кейси, думки в форматі колонки, статті про проєкти чи історії з життя.
Увійдіть, щоб переглянути більше вакансій
Ще одним важливим етапом у розвитку Vite стало створення спільноти навколо нього. З огляду на стрімкий ріст ком’юніті Vite однозначно вартий уваги, особливо, якщо вам не вистачає продуктивності з нинішніми інструментами. Попри обмеження в роботі з великими веб-застосунками та менш зрілу екосистему плагінів порівняно з Webpack, Vite переважає в швидкості розробки та зручності використання. Підтримка популярними фреймворками, активна спільнота юзерів та амбітні плани щодо розвитку разом з Oxc та Rolldown роблять Vite гідним інструментом для нових проєктів. Можуть виникати непередбачувані помилки та невідповідності в поведінці між етапами розробки теорія очікування та продакшн-збірки. А все тому що Vite використовує декілька інструментів у різних частинах своєї екосистеми.
FAQ — часто задаваемые вопросы
Наприклад, для трансформації коду за допомогою esbuild у Jest потрібно додати сторонні плагіни — esbuild-jest. Заради справедливості додам, що задля вирішення цієї проблеми створили тестовий фреймворк Vitest. У традиційних збирачах при зміні файлу часто доводиться перебудовувати весь застосунок або його значну частину, і це сповільнює процес оновлення. Деякі інструменти https://wizardsdev.com/vacancy/nodejs-developer/ підтримують Hot Module Replacement, але навіть їхня швидкість зменшується з масштабуванням проєкту. Запити модулів вихідного коду робляться умовними через 304 Not Modified. Залежності кешуються за допомогою Cache-Control, а це означає, що після першого завантаження браузер більше не звертається до сервера за цими файлами.
Чем занимается фронтенд-разработчик
У свою чергу це дозволяє їм пропонувати власні розширення або оптимізації.Простота переходу до SSR. Vite робить серверний рендеринг доступнішим завдяки вбудованій підтримці, оптимізуючи виконання завдань як на боці сервера, так і зі сторони клієнта. Це важливо для фреймворків, які орієнтуються на високопродуктивні застосунки на кшталт Next.js чи SvelteKit.Суттєво оптимізує розробку React-застосунків. Це відбувається за рахунок заміни Babel на SWC (Speedy Web Compiler) у процесі розробки. SWC — це надшвидкий компілятор, написаний на Rust, що забезпечує приріст продуктивності, особливо для великих проєктів.
Нативний ESM-сервер має проблеми з масивними застосунками. Продуктивність зменшується пропорційно зростанню кількості модулів. Використання ES-модулів у браузері призводить до генерації великої кількості окремих HTTP-запитів для кожного файлу, що може сповільнювати завантаження. Екосистема плагінів Vite досі поступається зрілості Webpack.
