Изучите Vue.js из 50 лучших статей 2018 года

Как видно из отчета State of Vue Report, это был потрясающий год для Vue.js.

• Вы можете запросить копию официального отчета здесь.

2019 год - прекрасное время для разработки и не менее удачное время для начала работы с Vue.js. Вот список из 50 статей, которые произвели фурор и зарекомендовали себя как фавориты публики. Надеюсь, они помогут вам встать и начать строительство с использованием Vue.js.

Не стесняйтесь комментировать и добавлять свои собственные предложения!

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

1. Я создал точно такое же приложение на React и Vue. Вот отличия .

Автор Сунил Сандху

Статья с 50k Claps, которая очень хорошо объясняет, чем React отличается от Vue. Разница между двумя фреймворками была объяснена созданием довольно стандартного приложения To Do, которое позволяет пользователю добавлять и удалять элементы из списка. Изучая статью, вы узнаете разницу в CSS, как изменять данные (изменять дату сохранения), создавать элементы To Do, удалять элементы из списка как во Vue, так и в React. В каждом разделе есть код, который помогает понять, как обе структуры обрабатывают вещи.

50325 аплодисментов

2. Vue.js 2 Quickstart Tutorial 2017

Автор Себастьян Эшвайлер

Учебник по Vue.js - прогрессивной платформе JavaScript, ориентированной на создание пользовательских интерфейсов. Статья начинается с знакомства с тем, как использовать Vue.js, затем с помощью Vue-cli для настройки нового проекта и установки библиотеки Vue.js 2. Использование стандартных директив, таких как v-for, v-model, v-text, объясняется вместе с кодом. Статья заканчивается видеоуроком, содержащим шаги, описанные в тексте.

28642 аплодисментов

3. Vue CLI 3.0 уже здесь!

Автор Эван Ю

Информативное чтение о выпуске Vue CLI 3.0 и всех богатых встроенных функциях, которые идут с ним. Vue CLI 3 поставляется с полным графическим интерфейсом, который не только может создавать новые проекты, но также управлять плагинами и задачами внутри проектов. Vue CLI 3 - отличный стандартный инструмент для сборки приложений Vue. Чтобы добиться успеха в будущем, Vue CLI должен включать в цепочку инструментов лучшие практики настоящего и будущего.

19461 аплодисменты

4. 10 вещей, которые вы со временем узнаете о проектах JavaScript

автор: Кот с татуировкой дракона

10 самых важных моментов в проектах JavaScript, основанных на личном опыте автора после прохождения проектов с jQuery, require.js, Angular s, React, ExtJs и другими. Статья будет большим подспорьем для людей разного происхождения. Эти 10 пунктов - действительно отличные мысли для обобщения процесса развития и обучения.

13317 аплодисментов

5. Vue.js: хороший, крутой и уродливый

Автор Пьер Бовер

Это статья, в которой рассказывается о хороших, хороших и уродливых аспектах Vue.js. Автор пишет эти функции после 2 лет перехода с React на Vue. Хотя внедрение Vue растет, до React еще далеко. Свой переход от React к Vue автор считает положительным. Не потому, что Vue лучше, а потому, что он больше подходит для его работы.

9273 аплодисментов

6. Vue 2 + Firebase: как создать приложение Vue с системой аутентификации Firebase за 15 минут

Автор Анас Маммери

Учебник о том, как быстро создать веб-приложение с системой аутентификации с использованием Vue 2, Vue-router и Firebase. В статье есть пошаговое руководство, демонстрирующее, как создать небольшое приложение Vue с использованием системы аутентификации Firebase.

8744 аплодисментов

7. Справочник Vue: подробное знакомство с Vue.js

Автор: Флавио Коупс

Справочник по Vue.js, который дает вам подробное представление о Vue.js. В оглавлении есть все, что объясняет, почему Vue.js популярен и отличается от всех других интерфейсных фреймворков и библиотек представлений JavaScript.

8086 аплодисментов

8. Что нового в Vue Devtools 4.0

Автор Гийом ЧАО

Большое обновление Vue devtools было выпущено в начале 2018 года. В этой статье подробно рассказывается, какие новые функции и улучшения включены в Vue devtools 4.0. В каждом разделе есть код и видео, которые помогают понять новые функции.

7300 аплодисментов

9. Рендеринг на стороне клиента и на стороне сервера: почему не все черно-белое

Автор Хуан Вега

Статья, в которой описаны основные различия между рендерингом на стороне сервера и на стороне клиента с указанием плюсов и минусов. Эти сведения помогают разработчикам решить, какой вариант лучше всего подходит для их веб-сайта или приложения.

7286 аплодисментов

10. Прогрессивное веб-приложение с Vue JS, Webpack и Material Design [Часть 1]

Автор Чарльз Боше

Цель этого руководства - создать базовое, но полное прогрессивное веб-приложение (PWA) с VueJS и Webpack с нуля. Приложение будет отвечать всем требованиям, таким как прогрессивное, адаптивное, независимое от подключения и т. Д.

5459 аплодисментов

11. Как не использовать Vue

Автор Антон Косых

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

5371 аплодисменты

12. Пять вещей, которые я узнал, создавая приложение Saas с Vue.js

Автор: Тим Нолет 👨🏻‍🚀

Автор пишет пять вещей, которые он узнал о Vue.js при разработке приложения SAAS под названием Checkly. Проверка - это инструмент для ИТ-специалистов и разработчиков. Визуальное оформление приложения в статье действительно впечатляет.

4731 аплодисменты

13. Крупномасштабные структуры приложений Vuex

Автор Кевин Питерс

При написании крупномасштабных приложений очень сложно управлять состоянием внешнего интерфейса. Например, в приложениях Vue.js есть плагин Vuex, который упрощает управление состоянием. В этой статье объясняется плагин Vuex

4678 аплодисментов

14. Введение в Vue.js для людей, которые знают достаточно jQuery, чтобы получить

Автор Мэтт Ротенберг

Статья, в которой подробно рассказывается о возможностях Vue. Автор использует CodePen для создания компонента «Написать твит». CodePen - это онлайн-редактор HTML / CSS / JavaScript, похожий на JSBin или JSFiddle.

4572 аплодисментов

15. Vue.js 2 Quickstart Tutorial 2017

Автор Себастьян Эшвайлер

Учебник по Vue.js - прогрессивной платформе JavaScript, ориентированной на создание пользовательских интерфейсов. Статья начинается с знакомства с тем, как использовать Vue.js, затем с помощью Vue-cli для настройки нового проекта и установки библиотеки Vue.js 2. Использование стандартных директив, таких как v-for, v-model, v-text, объясняется вместе с кодом. Статья заканчивается видеоуроком, содержащим шаги, описанные в тексте.

4474 аплодисментов

16. Лучшее объяснение реактивности JavaScript 🎆

Автор Грегг Поллак

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

4315 аплодисментов

17. Делаем Vue после трех лет работы с React

Автор Аня Павлова

Статья, содержащая лишь ряд наблюдений, которые автор нашел наиболее важными при переходе с React на Vue. Эта статья полезна для людей, которые имеют дело как с Vue, так и с React.

3650 аплодисментов

18. Структурирование проекта Vue - аутентификация

Автор Борис Савич

Эта статья посвящена созданию простого проекта, который обрабатывает аутентификацию и подготавливает базовые леса для использования при создании остальной части приложения. Компонент использовал Vue.js 2.5 и Vue-CLI, Vuex 3.0, Axios 0.18 и Vue Router 3.0.

2746 аплодисментов

19. 7 способов определить шаблон компонента в VueJS

Автор Энтони Гор

В этой статье на примерах объясняются шесть различных способов определения шаблонов компонентов во Vue и рассматриваются плюсы и минусы, чтобы вы знали, какой из них лучше всего использовать в любой конкретной ситуации.

2383 аплодисментов

20. Геттеры Vuex великолепны, но не злоупотребляйте ими

Автор Аня Павлова

Статья, в которой рассказывается о Vuex и его получателях. Автор попытался разобраться, чем хороши геттеры Vuex и как они работают под капотом.

2248 аплодисментов

21. Vue + Vuex - Начало работы

Автор: WD Stack

В статье с помощью простого примера объясняется, как управление состоянием может быть эффективным как в среде Vuex, так и во фреймворке Vue.

1917 аплодисменты

22. Использование Vue, Vuex, Vue Router с Laravel

Автор Джоти Дувал

Статья, в которой объясняется настройка внешнего интерфейса сайта электронной коммерции с использованием Vue и Laravel для управления серверной частью. в статье также рассматриваются компоненты, Vuex и Vue Router.

1811 аплодисментов

23. Приложение CRUD с использованием Vue.js и Django

Автор Шубхам Бансал

Учебное пособие, демонстрирующее, как создать простое приложение CRUD с использованием Vue.js 2.x и Django 2.0.2. Vue.js - это прогрессивный фреймворк для создания пользовательских интерфейсов, а Django - это высокоуровневый фреймворк разработки на Python, который способствует быстрой разработке.

1642 аплодисментов

24. Аутентификация API в Laravel-Vue SPA с использованием Jwt-auth

Автор: Олу Удех

Учебное пособие, которое проведет вас через процесс аутентификации для Vue Single Page Application (SPA), чтобы иметь доступ к конечным точкам API в laravel, требующем аутентификации.

1579 аплодисментов

25. Создание интерфейса приложения для фильмов с помощью Vue.js

Автор Хасан Джирдех

В этом посте рассказывается, как создать интерфейс потоковой передачи фильмов в стиле Netflix с помощью Vue.js 2.0.

1539 аплодисментов

26. Тип Vue без TypeScript

Автор Рахул Кадян

Это практическое руководство по проверке типов компонентов Vue, написанных на JS, и по их выполнению. Полезная статья для пользователей о том, как использовать Typescript в своих проектах.

1403 аплодисментов

27. Как добавить Bootstrap 4 в ваш проект Vue

Автор Бьорн

Учебник, в котором рассказывается, как добавить Bootstrap 4 (с настройками) в любой проект Vue.js. Этот учебник ориентирован на пользователей Webpack и нацелен на версию 4 Bootstrap.

1329 аплодисментов

28. Несколько макетов для одностраничных приложений VueJS

Автор: Kasun Vithanage

Учебное пособие, в котором VuetifyJS используется для стилизации приложения и упрощения настройки. В статье рассматривается общая проблема, связанная с тем, что одностраничному приложению требуется несколько макетов для отображения представлений.

1172 аплодисментов

29. От нуля до героя с Vue - Но сначала, почему именно Vue?

Автор Индрек Ласн

Статья, в которой рассказывается, что такое Vue.js? Vue уже обогнал React по популярности, зачем использовать Vue ?. Автор пытается убедить читателей попробовать Vue.

1043 аплодисментов

30. Настройка гибридной платформы: Cordova + Vue + WebPack

Автор Алистер Макдональд

Пошаговое руководство, в котором описывается процесс настройки платформы разработки, на которой вы можете создавать гибридные мобильные приложения.

1019 аплодисментов

31. Vuex и машинописный текст

Автор Франческо Витулло

Статья, в которой показан базовый подход к интеграции Vuex в приложение Vue с базой кода Typescript без глубокого погружения в Typescript.

966 аплодисментов

32. Аутентификация на основе ролей с использованием Vue.js 2

Автор Манодж Кумар С.

Статья, в которой показано, как внедрить аутентификацию на основе ролей в любое приложение, использующее Vue.js 2.

928 аплодисментов

33. Стартовый шаблон для стекового приложения MEVN (MongoDB, ExpressJs, VueJs v2, NodeJs). (Часть 1)

Автор: Джан Мехмет

Учебник по стековому приложению MEVAN (MongoDB, ExpressJs, VueJs v2, NodeJs). Это первая часть серии, которая демонстрирует, как построить начальный скелет внешнего и внутреннего интерфейса.

918 аплодисментов

35. Vue.js 2 State Management с Vuex - Введение

Автор Себастьян Эшвайлер

В этом руководстве дается базовый обзор концепции централизованного управления состоянием и показано, как применять Vuex в вашем приложении.

907 аплодисментов

36. Как Vue-Cli 3 сформирует наше будущее

Автор Мауро Перес

Автор отвечал за шаблоны Vuetify, созданные под vue-cli 2.x, а также создал vue-cli-plugin-vuetify для нового vue-cli 3. Основываясь на этом опыте, автор делится своими мыслями о том, как новый vue -cli навсегда изменит то, как мы все разрабатываем с помощью Vue.

800 аплодисментов

37. Маршрутизация Vue.js с vue-router

Автор Себастьян Эшвайлер

В этой статье показано, как можно использовать базовый пакет Vue vue-router для реализации маршрутизации в веб-приложении.

746 аплодисментов

38. Гибко настраиваемый компонент CRUD с использованием VueJS и Vuetify

Автор Аарон Гонг

Статья о vue-crud-x (настраиваемый компонент CRUD). По мере чтения вы узнаете об уникальных функциях и принципах дизайна, которые выделяют vue-crud-x среди других.

659 аплодисментов

39. Vue 2 props and emit - parent to child

Автор Кевин Ху

Небольшая статья, которая иллюстрирует, как передавать события между родителями и потомками в Vue.

600 аплодисментов

40. Использование мутаций GraphQL в Vue.js

Автор Даниэль Мадалицо Фири

Учебное пособие, являющееся продолжением предыдущего учебного пособия, и автор теперь более подробно рассматривает различные концепции Vue и GraphQL. В приложение добавлены некоторые дополнительные функции (созданные в предыдущем руководстве), а также описаны подробности.

480 аплодисментов

41. Laravel API + Vue SPA Authentication

Автор Сезар Сантана

Учебное пособие, в котором объясняется, как реализовать концепцию аутентификации клиента в одностраничных приложениях (SPA) с использованием токена доступа (OAuth 2.0).

437 аплодисментов

42. Динамические модули с Vuex и Vue

Автор Франческо Витулло

Автор делится своими мыслями по поводу создания модулей с магазином Vuex.

410 аплодисментов

43. Как заставить вашу компанию перейти на Vue

Автор Энтони Гор

В этой статье вы получите несколько убедительных аргументов, которые можно использовать, чтобы убедить некоторых лиц, принимающих решения в вашей компании, попробовать Vue.

381 аплодисменты

44. Разверните Vue.js - SSR (Vuetify) в рабочей среде с Pm2 и Nginx.

Автор KashYap Merai

Статья, в которой показано, как развернуть готовое к производству приложение Vue.js - SSR (Vuetify), используя Pm2 (менеджер производственных процессов) для Node.JS и Nginx для обратного прокси.

360 аплодисментов

45. Использование мутаций GraphQL в Vue.js

Автор Даниэль Мадалицо Фири

Учебное пособие, являющееся продолжением предыдущего учебного пособия, и автор теперь более подробно рассматривает различные концепции Vue и GraphQL. В приложение добавлены некоторые дополнительные функции (созданные в предыдущем руководстве), а также описаны подробности.

190 аплодисментов

46. ​​Vue x Hasura GraphQL

Автор Даниэль Мадалицо Фири

В этой статье создается веб-приложение, интерфейс которого разработан с использованием Vue.js, а бэкэнд - с использованием Hasura, который предлагает GraphQL в реальном времени для баз данных Postgres.

189 аплодисментов

47. 5+ лучших шаблонов для администрирования Vue.JS 2018

от Jewel Theme

В этой статье вы изучите 9 лучших шаблонов панелей администратора, основанных на большинстве развивающихся веб-технологий, например, Vue.js.

186 аплодисментов

48. Лучший редактор кода для Vue.js

Автор Адам Яр

Эта статья предназначена для разработчиков, которые заинтересованы в использовании VS Code для разработки Vue. Вы можете следить за статьей, чтобы узнать, как оптимизировать VS Code.

181 аплодисменты

49. Интеграция Vue.js 2.0 в проект .NET MVC5

Автор Хёну Сон

В этой статье рассказывается, как интегрировать Vue.js 2.0 в .NET MVC5 Project. Статья начинается с создания проекта веб-приложения ASP.NET с последующей инициализацией пакета Vue webpack.

165 аплодисментов

50. Vue [.js] из шестерки

Автор Амрит Кахлон

В этой статье дается краткое описание VueConf, который проводится в Торонто. Вы узнаете о последних разработках Vue, особенно о новом Vue 3.0.

112 аплодисментов

Боитесь использовать фреймворк без каких-либо планов на будущее?

Прочтите этот пост основателя Vue.js Эвана Ю о том, в каком направлении будет развиваться проект, и вы будете уверены, что Vue - это фреймворк для использования в 2019 году.

Удачного кодирования 🤓

Учить больше

Эта история опубликована в The Startup, крупнейшем предпринимательском издании Medium, за которым следят +440 678 человек.

Подпишитесь, чтобы получать наши главные новости здесь.