У світі сучасних бандлерів JavaScript є кілька важливих інструментів, що допомагають зібрати, оптимізувати і трансформувати код для кращої продуктивності. Найпопулярніші з них включають Webpack, Rollup, Vite, Turbopack, Rspack, Rolldown та Bun.

Webpack

Webpack — це зрілий та надійний інструмент, який став стандартом у галузі. Він працює на основі графа залежностей, починаючи з точок входу і застосовуючи плагіни для обробки активів. Однак його продуктивність не завжди оптимальна, оскільки він працює в одному потоці з деякими паралельними операціями.

Rollup

Rollup орієнтований на бандлінг бібліотек і використовує техніку tree-shaking для усунення непотрібного коду. Це дає йому перевагу … Читати далі

У світі веб-розробки бандлери JavaScript відіграють важливу роль у процесі компіляції та оптимізації додатків. Кожен з них має свої переваги і недоліки, і постійно з'являються нові інструменти, здатні значно покращити продуктивність.

Webpack є стандартом галузі, зрілим і добре відомим інструментом для бандлінгу. Він створює граф залежностей і обробляє модулі, застосовуючи лоадери та плагіни для трансформацій. Однак, хоча він і ефективний, його продуктивність може падати при великих проектах, адже використовує однопотокову модель з деяким паралельним обробленням.

Rollup, орієнтований на бандлінг бібліотек, став основним інструментом для оптимізації JavaScript-коду, зокрема завдяки своїй підтримці tree-shaking (видалення непотрібного коду). Це дозволяє йому генерувати чистіший … Читати далі

У світі бандлерів JavaScript існує кілька потужних інструментів, кожен з яких має свої особливості та переваги. Webpack — це зрілий стандарт індустрії, який використовує граф залежностей для бандлінгу модулів, застосовує лоадери і плагіни для трансформації активів. Однак його однопотокова архітектура з обмеженими можливостями паралельної обробки може бути недостатньою для деяких задач.

Rollup, у свою чергу, орієнтований на бандлінг бібліотек і ефективно реалізує tree-shaking — вилучення непотрібного коду, що дозволяє зменшити об'єм фінальних бандлів. Його підхід до ES модулів дає більш чистий і продуктивний результат. Vite, який використовує Rollup для продакшн-збірок, дозволяє пропускати бандлінг під час розробки, завдяки чому … Читати далі

Кілька місяців тому я створив простий бекенд-сервіс на WSO2 Choreo, щоб отримувати та повертати щоденний обмінний курс USD до LKR з вебсайту місцевого банку. Моя мета була проста — зручність. Мені набридло постійно натискати на кілька меню, щоб знайти курс.

Я розгорнув сервіс на Choreo та почав використовувати його сам. Незабаром кілька моїх колег дізналися про це і також почали використовувати. Все йшло добре, поки один із них не написав мені:

"Це класно, але чи можемо ми побачити тенденції за кілька останніх днів? Важко зрозуміти ситуацію, коли є тільки курс на сьогодні, особливо з усіма коливаннями останнім часом."

Це … Читати далі

Кілька місяців тому я створив простий бекенд-сервіс на WSO2 Choreo, щоб отримувати та повертати щоденний обмінний курс USD до LKR з вебсайту місцевого банку. Моя мета була простою — зручність. Мені набридло щоразу натискати кілька меню, щоб знайти курс.

Я розгорнув сервіс на Choreo та почав використовувати його. Невдовзі кілька моїх колег дізналися про нього і також почали використовувати. Все йшло спокійно, поки один із них не написав мені:

"Це круто, але чи можемо ми побачити тенденції за кілька останніх днів? Важко зрозуміти ситуацію тільки за сьогоднішнім курсом, особливо з усіма коливаннями останнім часом."

Це зачепило мене. Якраз у … Читати далі

Платформа для смарт-пожертв — це веб-додаток, який дозволяє користувачам робити пожертви на кампанії з миттєвими оновленнями на всіх підключених клієнтах через WebSockets. Адміністратори можуть створювати кампанії для збору коштів, а користувачі можуть робити внески — всі оновлення транслюються в реальному часі.

Технічний стек

• Бекенд: Node.js, Express.js
• База даних: MongoDB
• В реальному часі: Socket.IO
• Аутентифікація: JWT
• Фронтенд: React.js

Функції

• 🧑‍💼 Адміністратори можуть створювати та керувати кампаніями для збору коштів
• 💸 Користувачі можуть безпечно робити пожертви
• 🔄 Оновлення пожертв у реальному часі за допомогою WebSocket
• 🔐 Аутентифікація на основі JWT для адміністраторів і донорів

Структура папок

MongoDB є потужною і масштабованою NoSQL базою даних, яка зберігає інформацію в форматі документів, подібних до JSON. Вона ідеально підходить для розробників, які працюють з додатками, що потребують обробки великих обсягів даних, швидких запитів та високої доступності.

У цьому посібнику показано, як встановити MongoDB на Arch Linux — дистрибуцію, що славиться своєю простотою та актуальністю програмного забезпечення. Після виконання всіх кроків ви отримаєте повноцінну робочу інстанцію MongoDB на Arch.

Для початку потрібно переконатися, що у вас є оновлена система Arch Linux, права sudo або доступ до root, стабільне інтернет-з'єднання та базові знання команд терміналу.

Перший крок — це встановлення OpenSSL, … Читати далі

У сучасній веб-розробці часто обирають поєднання Node.js та MongoDB для створення швидких, масштабованих і гнучких бекенд-застосунків. Коли ви працюєте над розробкою бекенду, важливо вміти ефективно взаємодіяти з базою даних, щоб створювати надійні й ефективні додатки.

В цьому посібнику ми розглянемо два потужні інструменти — MongoDB та Mongoose, які роблять роботу з базами даних у Node.js простішою та інтуїтивною. Ми розберемо обидва підходи, надамо реальні приклади та допоможемо визначити, який з них вам підходить.

MongoDB — це NoSQL база даних, яка зберігає дані у вигляді документів (формат JSON), на відміну від традиційних реляційних баз, що використовують таблиці. Данні зберігаються в … Читати далі

Якщо ваш сервіс працює на інфраструктурі вашої компанії, а MongoDB клієнта X знаходиться на його окремому сервері в standalone режимі, виникає проблема інтеграції. У X Company є репліка-сет з трьох екземплярів MongoDB, де зберігається колекція Page. Вона містить 25 полів і понад мільйон вставок на день. У цій колекції є TTL індекс на поле Created, що автоматично видаляє дані через 24 години. Клієнт потребує лише три з цих полів.

Основні проблеми, з якими ми зіткнулися, це обмежений час і неможливість додати клієнта як secondary node, оскільки йому потрібні конкретні дані. Через це варіанти з ETL не підходять, бо клієнт … Читати далі

У новому опитуванні Capterra's Tech Trends Survey управління даними було названо однією з головних проблем для фінансових компаній при впровадженні нових програмних рішень. Готові інструменти часто не вистачають гнучкості для задоволення специфічних вимог. Тому організаціям доцільно розглядати інвестиції в спеціалізовані рішення, такі як поворотні таблиці (pivot grids), для покриття потреб у аналізі та управлінні даними.

У цій статті ми розглянемо одну з нових демонстрацій інтеграції, що складається з DHTMLX Grid та Pivot. Ось ми розповімо про деякі технічні аспекти, використані нашою командою для створення JavaScript поворотної таблиці за допомогою цих віджетів.

Приклад JavaScript Pivot Grid, створений за допомогою DHTMLX Grid