vue
(22)
Створення «Renderless» компонентів у Vue
Досить часто Vue називають «дитиною» React та Angular. У такій аналогії справді є сенс. Vue користується популярністю, що не дивно, зважаючи на його малу криву вивчення. До того ж, Vue дає розробникам усю можливу владу над компонентами та їх реалізац...
Codeguida · 07 лютого 2019 · 2Створення десктопного застосунку з Vue: Electron
Створимо застосунок для перевірки погоди у місті за вибором користувача на основі API OpenWeatherMap. Інструментарій: OpenWeatherMap API Electron Щоб швидко розпочати, використаємо electron-vue – шаблон, що надає vue-cli, базові Vue плагіни, па...
Codeguida · 16 листопада 2018 · 8Vue Router — посібник, якого бракувало
Окрім маніпуляцій з DOM, обробки подій, форм та компонентів, кожен SPA фреймворк повинен мати дві основні функції, якщо він націлений на використання у великомасштабних застосунках: Роутинг на стороні клієнта. Явне управління станом (часто односпрям...
Codeguida · 01 листопада 2018 · 18Перетасовуємо колоду карт з Vue.js
Передмова У статті створимо UI, що дозволяє перетасовувати карти у випадковому порядку. Повна версія застосунку: Контекст Оскільки стаття розрахована на розробників, які не знайомі з Vue, ми детально оглянемо такі пункти: Створення елементів карт....
Codeguida · 24 вересня 2018 · 6Пояснення реактивності JS на прикладі сирцевого коду Vue
Багато фронтенд JS-фреймворків (наприклад, Angular, React, Vue) мають власні рушії реактивності. Зрозумівши, що таке реактивність, та як вона працює, ви зможете вдосконалити навички програмування та ефективніше використовувати JavaScript фреймворки....
Codeguida · 04 вересня 2018 · 7Створення мультикореневих компонентів Vue.js
Загальним обмеженням в компонентних фреймворках, наприклад, Vue.js, є те, що кожен компонент повинен мати один кореневий елемент. Це означає, що все в певному компоненті має походити від одного елементу, ось так: <template> <div> <!-- Корінь -->...
Codeguida · 5 років томуСтворюємо свій перший Vue.js компонент
Неважливо, наскільки добре задокументований фреймворк. Цього все одно недостатньо. Ознайомлення з теорією не завжди допомагає самостійно реалізувати отримані знання. У цій статті ми створимо систему оцінювання за кількістю зірок й будемо посилатись н...
Codeguida · 07 лютого 2018 · 10Результати щорічного опитування State of JavaScript
Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...
Codeguida · 15 січня 2018 · 5Демістифікація методів життєвого циклу Vue
Використання компонентів у вашому застосунку – це одна справа, але дуже важливо знати, як вони працюють та розуміти методи їх життєвого циклу (коли вони створюються, додаються до DOM, оновлюються чи знищуються). Ви можете використати кожний з цих мет...
Codeguida · 30 листопада 2017Використання міксинів у Vue.js
Це звичайна ситуація: у вас є два компоненти, які дуже схожі. У них одна і та сама базова функція, але в кожному з них є достатньо різного для того, щоб ви опинилися на роздоріжжі: чи розбити цей компонент на два окремі компоненти? Чи краще зберегти...
Codeguida · 01 вересня 2017 · 1