Створення простого сервісу для зберігання файлів з використанням Flask, RethinkDB та Vue.js, частина перша В цьому туторіалі я покажу вам як написати простий сервіс для збереження файлів. Ми будемо ви...

Команда Vue випустила фреймворк Vue.js 3.0 «One Piece». Нова версія має кращу продуктивність, зменшені обсяги пакетів й оптимізовану інтеграцію з TypeScript. Також розробники додали нові API для масшт...

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

Vuex — бібліотека для управління станом вебзастосунків, вона досить проста та легко інтегрується з Vue. То навіщо ж комусь відмовлятись від неї? Річ у тім, що новий Vue 3 з коробки пропонує реактивніс...

Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати з...

Коли цей матеріал готувався, Vue 3.0 був на стадії десятої альфа-версії, а 19 квітня вийшла бета Vue v3.0. Очікується, що фреймворк буде швидшим, використовуватиме менше пам'яті, стане простішим і бі...

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

З'ясуємо, як найкраще працювати з масштабними проєктами на Vue.js. 1. Використовуйте слоти, аби ваші компоненти були зрозумілішими й потужнішими Історія з життя. Якось розробнику треба було зробити зв...

Надихнувшись AngularJS, Vue пропонує власні вбудовані директиви (на зразок v-html чи v-once), які обов'язково стануть у пригоді при розробці. З повним переліком вбудованих директив можна ознайомитись...

Припустимо, вам необхідно за допомогою Google Analytics відстежувати, скільки разів було натиснуто кнопку у вашому застосунку на Vue. Як таке реалізувати? Перше, що спадає на думку — повісити обробник...

Минулого тижня відбувся реліз 2.6.0-beta.3 версії Vue.js. Серед нововведень – фіча, яка спрощує слоти з обмеженою областю видимості. У статті ознайомимось з директивою v-slot та її скороченням (зазнач...

Якщо ви мали справу з Однофайловими компонентами, ви, скоріше за все, знаєте як «викликати» компонент з іншого компоненту: Робимо import дочірнього компонента; Реєструємо його в об'єкті components ба...

Досить часто Vue називають «дитиною» React та Angular. У такій аналогії справді є сенс. Vue користується популярністю, що не дивно, зважаючи на його малу криву вивчення. До того ж, Vue дає розробникам...

Створимо застосунок для перевірки погоди у місті за вибором користувача на основі API OpenWeatherMap. Інструментарій: OpenWeatherMap API Electron Щоб швидко розпочати, використаємо [electron-vue...

Окрім маніпуляцій з DOM, обробки подій, форм та компонентів, кожен SPA фреймворк повинен мати дві основні функції, якщо він націлений на використання у великомасштабних застосунках: Роутинг на сторон...

Передмова У статті створимо UI, що дозволяє перетасовувати карти у випадковому порядку. Повна версія застосунку: Контекст Оскільки стаття розрахована на розробників, які не знайомі з Vue, ми детально...

Багато фронтенд JS-фреймворків (наприклад, Angular, React, Vue) мають власні рушії реактивності. Зрозумівши, що таке реактивність, та як вона працює, ви зможете вдосконалити навички програмування та е...

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

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

Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моменті...

Використання компонентів у вашому застосунку – це одна справа, але дуже важливо знати, як вони працюють та розуміти методи їх життєвого циклу (коли вони створюються, додаються до DOM, оновлюються чи з...

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