Нет! К сожалению, мы не будем говорить о приложении для знакомств.
В этой статье я поделюсь своими знаниями об изучении Vue.js как части технологического стека для ИТ-проекта моей команды, а также объясню, почему Vue.js подходит для нашего проекта.
Фон
Это началось около двух недель назад, когда мне и моим товарищам по команде дали проект, которым мы должны заниматься в течение всего семестра. В первую неделю нам было поручено выбрать наш технологический стек. Выбор технического стека иногда становится утомительной задачей, поскольку вам нужно учитывать все факторы.
После некоторого изучения многих других фреймворков я и мои товарищи по команде согласились использовать Vue.js и Django в качестве нашего технического стека. Добавление Vue в приложение Django - отличный способ задействовать более сложные интерфейсные функции. Vue.js поможет нам во внешнем интерфейсе с помощью разработки пользовательского интерфейса на основе компонентов. Я t позволю нам повторно использовать компоненты где угодно и делать запросы к Django API Rest.
Что такое Vue JS?
Для начала вы можете задаться вопросом - что такое Vue.js? Vue.js - это прогрессивный фреймворк для создания пользовательских интерфейсов. Это один из самых быстрорастущих фреймворков JavaScript. Vue был создан бывшим сотрудником Google - Эван Ю, который работал над Angular, когда он был сотрудником Google. Vue используется Alibaba, GitLab, Baidu и высоко ценится разработчиками и дизайнерами во всем мире.
Кстати, это не руководство по Vue, поэтому для изучения Vue вы можете получить доступ к официальному руководству по Vue. Это действительно хорошо написанный документ, и ему очень легко следовать.
Как я уже упоминал, в последнее время популярность Vue стремительно растет по сравнению с другими фреймворками. Теперь взгляните на этот график ниже.
Основываясь на этой звездной истории GitHub для Angular, React и Vue, он показывает, что Vue набрал 108 086, React достиг 106 807, а angular набрал только 38 654 звезды. Судя по приведенной выше статистике, Vue.js кажется более популярным фреймворком среди других фреймворков.
Почему именно Vue JS?
Как мы знаем, существует множество других фреймворков JavaScript. Но почему мы выбрали Vue.js? Vue действительно крутой и довольно простой в освоении. Это очень похоже на изучение React, но требует аккуратного обучения и упрощает настройку. 😉
Фреймворк
Если сравнивать с React и Angular - Vue - самый чистый по сравнению с двумя другими фреймворками. Это помогает нам поддерживать эффективность нашего кода за счет идеального баланса внутренних зависимостей и гибкости. Это очень простой и легкий в использовании фреймворк JavaScript, призванный упростить веб-разработку.
Производительность: Virtual DOM!
Vue.js черпал вдохновение в ReactJS, используя виртуальную модель DOM. Что такое виртуальный DOM? Виртуальный DOM - это способ генерировать версию DOM в памяти каждый раз, когда вы меняете состояние и сравниваете его с фактическим DOM, поэтому вы можете обновлять только ту часть, которая должна быть обновлена, вместо повторного рендеринга всего. Кроме того, Vue предлагает отличную производительность и распределение памяти.
Другие причины, по которым vue подходит нашему проекту:
- Динамически отображать текст на странице (аналогично шаблонам Django, но интерактивно!)
- Разработка пользовательского интерфейса на основе компонентов с использованием компонентов для целых разделов веб-страницы, которые отображаются динамически и могут использоваться повторно.
- Vue.js также является наиболее легким для восприятия из всех интерфейсных фреймворков.
- Оптимальный по размеру, Vue предлагает высокую скорость, несмотря на то, что его размер составляет всего 20 килобайт.
- Сосредоточьтесь на библиотеке представлений, Vue разделяет задачи по маршрутизации, управлению состоянием и т. д.
Заключение
В общем, у каждого фреймворка есть свои достоинства и недостатки. В моем случае причина, по которой моя команда выбрала vue.js, заключается в том, что его довольно легко изучить, а также из-за его простоты и гибкости. В конце концов, вам решать, какой фреймворк вам подходит. Спасибо!
