vue
(22)
5 бібліотек для Vue.js, без яких мені не обійтися
Досвідчені розробники знають, що іноді, намагаючись заощадити час і вирішити якісь завдання свого проєкту за допомогою пакета, створеного кимось іншим, можна, в підсумку, витратити більше часу, ніж бу...
08 вересня 2020
·
1
· 372
·
Alex
UI-фреймворки та бібліотеки JavaScript
UI-бібліотеки та фреймворки містять компоненти й утиліти, що допомагають створювати гармонійні користувацькі інтерфейси. В них можна знайти різні теми для стилізації або ж елементи для чіткої й послі...
10 березня 2020
·
0
· 227
·
Codeguida
Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч.1
Створення простого сервісу для зберігання файлів з використанням Flask, RethinkDB та Vue.js, частина перша
В цьому туторіалі я покажу вам як написати простий сервіс для збереження файлів. Ми будемо ви...
29 грудня 2021
·
0
· 78
·
Codeguida
Нова директива v-slot у Vue
Минулого тижня відбувся реліз 2.6.0-beta.3 версії Vue.js. Серед нововведень – фіча, яка спрощує слоти з обмеженою областю видимості.
У статті ознайомимось з директивою v-slot та її скороченням (зазнач...
15 лютого 2019
·
1
· 36
·
Codeguida
Створюємо свій перший Vue.js компонент
Неважливо, наскільки добре задокументований фреймворк. Цього все одно недостатньо. Ознайомлення з теорією не завжди допомагає самостійно реалізувати отримані знання.
У цій статті ми створимо систему о...
07 лютого 2018
·
0
· 27
·
Codeguida
15 must-have директив Vue для підвищення продуктивності
Надихнувшись AngularJS, Vue пропонує власні вбудовані директиви (на зразок v-html чи v-once), які обов'язково стануть у пригоді при розробці. З повним переліком вбудованих директив можна ознайомитись...
17 жовтня 2019
·
0
· 26
·
Codeguida
Vue Router — посібник, якого бракувало
Окрім маніпуляцій з DOM, обробки подій, форм та компонентів, кожен SPA фреймворк повинен мати дві основні функції, якщо він націлений на використання у великомасштабних застосунках:
Роутинг на сторон...
01 листопада 2018
·
0
· 26
·
Codeguida
10 порад для створення масштабних проєктів Vue.js
З'ясуємо, як найкраще працювати з масштабними проєктами на Vue.js.
1. Використовуйте слоти, аби ваші компоненти були зрозумілішими й потужнішими
Історія з життя. Якось розробнику треба було зробити зв...
19 листопада 2019
·
0
· 21
·
Codeguida
Що нового у Vue 3
Коли цей матеріал готувався, Vue 3.0 був на стадії десятої альфа-версії, а 19 квітня вийшла бета Vue v3.0. Очікується, що фреймворк буде швидшим, використовуватиме менше пам'яті, стане простішим і бі...
21 квітня 2020
·
0
· 17
·
Codeguida
Перетасовуємо колоду карт з Vue.js
Передмова
У статті створимо UI, що дозволяє перетасовувати карти у випадковому порядку.
Повна версія застосунку:
Контекст
Оскільки стаття розрахована на розробників, які не знайомі з Vue, ми детально...
24 вересня 2018
·
0
· 17
·
Codeguida
Пояснення реактивності JS на прикладі сирцевого коду Vue
Багато фронтенд JS-фреймворків (наприклад, Angular, React, Vue) мають власні рушії реактивності. Зрозумівши, що таке реактивність, та як вона працює, ви зможете вдосконалити навички програмування та е...
04 вересня 2018
·
0
· 11
·
Codeguida
Створення десктопного застосунку з Vue: Electron
Створимо застосунок для перевірки погоди у місті за вибором користувача на основі API OpenWeatherMap.
Інструментарій:
OpenWeatherMap API
Electron
Щоб швидко розпочати, використаємо [electron-vue...
16 листопада 2018
·
0
· 9
·
Codeguida
Можливо, вам не потрібен Vuex
Vuex — бібліотека для управління станом вебзастосунків, вона досить проста та легко інтегрується з Vue. То навіщо ж комусь відмовлятись від неї? Річ у тім, що новий Vue 3 з коробки пропонує реактивніс...
06 серпня 2020
·
0
· 8
·
Codeguida
Продуктивна реєстрація компонентів у Vue
Якщо ви мали справу з Однофайловими компонентами, ви, скоріше за все, знаєте як «викликати» компонент з іншого компоненту:
Робимо import дочірнього компонента;
Реєструємо його в об'єкті components ба...
08 лютого 2019
·
0
· 8
·
Codeguida
Що вам слід вивчити в 2017-му
Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати з...
24 травня 2020
·
0
· 8
·
Codeguida
Результати щорічного опитування State of JavaScript
Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників.
У результатах дослідження виявилось багато моменті...
15 січня 2018
·
0
· 5
·
Codeguida
Vue Renderless Component: відстеження подій з Google Analytics
Припустимо, вам необхідно за допомогою Google Analytics відстежувати, скільки разів було натиснуто кнопку у вашому застосунку на Vue. Як таке реалізувати?
Перше, що спадає на думку — повісити обробник...
15 липня 2019
·
0
· 5
·
Codeguida
Використання міксинів у Vue.js
Це звичайна ситуація: у вас є два компоненти, які дуже схожі. У них одна і та сама базова функція, але в кожному з них є достатньо різного для того, щоб ви опинилися на роздоріжжі: чи розбити цей комп...
01 вересня 2017
·
1
· 4
·
Codeguida
Вийшов Vue.js 3.0.0
Команда Vue випустила фреймворк Vue.js 3.0 «One Piece». Нова версія має кращу продуктивність, зменшені обсяги пакетів й оптимізовану інтеграцію з TypeScript. Також розробники додали нові API для масшт...
21 вересня 2020
·
0
· 4
·
Codeguida
Створення «Renderless» компонентів у Vue
Досить часто Vue називають «дитиною» React та Angular. У такій аналогії справді є сенс. Vue користується популярністю, що не дивно, зважаючи на його малу криву вивчення. До того ж, Vue дає розробникам...
07 лютого 2019
·
0
· 2
·
Codeguida
Створення мультикореневих компонентів Vue.js
Загальним обмеженням в компонентних фреймворках, наприклад, Vue.js, є те, що кожен компонент повинен мати один кореневий елемент. Це означає, що все в певному компоненті має походити від одного елемен...
29 травня 2018
·
0
· 2
·
Codeguida
Демістифікація методів життєвого циклу Vue
Використання компонентів у вашому застосунку – це одна справа, але дуже важливо знати, як вони працюють та розуміти методи їх життєвого циклу (коли вони створюються, додаються до DOM, оновлюються чи з...
30 листопада 2017
·
0
· 1
·
Codeguida