Автору статьи хотелось по-настоящему понять, в чём заключается разница между React и Vue.

Для проведения эксперимента создано два довольно стандартных To-Do-приложения, которые позволяют пользователю добавлять элементы в список дел и удалять их из него. Оба приложения разработаны с использованием стандартных CLI.

Сравнение Vue и React

#vue #react

​​Набор хелперов для Vue.js

Vue.js cheatsheet

#vue #cheatsheet

Vant — более 60 компонетов для Vue.js. Библиотека включает в себя инпуты, разные виды мобильных меню, виджеты, поля для поиска, формы загрузки файлов и многое другое. Она еще поддерживает кастомные темы и имеет отличную документацию.

Демо | GitHub

#vue #components

Buefy — это библиотека, которая представляет собой набор компонентов, построенных с использованием возможностей Vue и Bulma. На GitHub она собрала около 7 тысяч звёзд, компоненты, которые можно в ней обнаружить, подходят, без дополнительных усилий со стороны разработчика, для создания приложений, использующих отзывчивый дизайн. Хотя компонентов в этой библиотеке не так уж и много, она, определённо, достойна внимания.

Демо | GitHub

#js #library #vue #bulma

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

Демо | GitHub

#js #framework #vue

Fullstack Vue Book. Полное руководство по Vue
Х. Джирдех, 2018

Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения с Vue.js. Fullstack Vue — это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.

8 глав
Каждая глава посвящена другой части экосистемы, но в контексте приложения. Итак, вы увидите, как все сочетается.

Скачать книгу | Больше книг

#book #js #web #vue

📖 Vue on Rails
🖋 Bryan Lim, Richard LaFranchi, 2019

Создавайте современные и прогрессивные веб-приложения с помощью Vue.js и Ruby on Rails. Поскольку сообщество Rails принимает JavaScript, эта книга отвечает на ваши самые насущные вопросы, в том числе о том, как интегрировать интерфейсные технологии с Rails, нужно ли создавать одностраничное приложение, когда и как использовать JavaScript в вашем проекте, как создать основу для Vue. компонент в Rails и как настроить Vue.js в проекте Rails.

💾 Скачать книгу

WebDEV #book #vue #js

React или Vue или Angular

Не каждый готов потратить своё время на изучение фреймворка, который в дальнейшем ему не пригодится. Так какой же лучше подойдёт для вашего проекта?

В этом видео автор рассказал про три самых популярных фреймворка для фронтэнд-разработки, их преимущества, недостатки, и даже немного затронул сферы применения.

📺 YouTube

WebDEV #видео #React #Angular #Vue

💡 Меню навигации на Vue.js

Построим простую навигационную панель. Есть несколько основных компонентов, которые должны иметь все приложения на Vue.js:

1) Модель (Model) – другими словами, данные приложения. В рамках библиотеки это js-объект, содержащий переменные и их исходные значения.

2) Представление (View) – HTML-код отображающий данные для пользователя и содержащий eventListner’ы для взаимодействия с моделью.

3) ViewModel – в терминологии MVC это был бы контроллер. Фактически, в рамках Vue.js ViewModel – связующее звено между моделью и представлением.

Демо на CodePen.

WebDEV #советы #Vue

💡 Меню навигации на Vue.js

...Как вы можете видеть из прошлого совета, работа с библиотекой довольно проста. Vue.js проделывает большую работу и предоставляет удобный и привычный синтаксис:

— Простой js-объект для опций
— {{Двойные скобки}} для шаблонов
— Встроенные атрибуты вида «v-something» для добавления функциональности непосредственно в HTML.

WebDEV #советы #Vue