10 найкращих порад щодо вивчення Vue від майстрів Vue 🏔

Якщо ви розробник, який тільки починає роботу з Vue.js, стрибки можуть бути захоплюючими та надзвичайними. Хоча процес навчання у всіх дуже різний, я задав шести майстрам Vue наступне запитання:

"Яку б пораду ви дали розробникам, які тільки починають Vue.js, про який ви хотіли б знати?"

Бен Хонг

Бен - інженер з повного стека в GitLab та співзасновник VueDC / VueMeetups.

Він також може бути чарівником
Для тих, хто тільки починає Vue.js, є три речі, які б я хотів би знати, коли почав:
1. Документи стануть твоїм найкращим другом. Вони - абсолютно неймовірний ресурс із фактичними прикладами того, що ви намагаєтеся зробити, і це перше місце, яке ви повинні перевірити, перш ніж покладатися на StackOverflow.
2. Існує власне посібник зі стилів для додатків Vue. Хоча Vue чудово дозволяє вам вибрати те, що найкраще для вас, буде час, коли ви задумаєтесь, що рекомендує спільнота Vue. Вам пощастило, посібник зі стилів класифікував різні практики відповідно до того, наскільки кожен важливий. Просто ще один спосіб дозволить вам вибрати те, що найкраще для вас. І якщо вам справді потрібна якась структура, ознайомтеся з комерційною таблицею Кріса Фріца про деякі найкращі практики, які ви готові використовувати у своїх власних проектах!
3. І наприкінці дня громада тут для вас. Спільнота Vue надзвичайно тепла і привітна, тому, крім отримання допомоги, ви виявите, що такі ініціативи, як VueVixens та інші, допомагають створити виховне середовище, яке зробить цей досвід ще більш приємним.

Ben's Twitter | ️ Блог Бена

Філіпа Лацерда

Філіпа - старший інженер та фанат Vue.js.

Рекомендація Філіпи щодо початку роботи:
Я думаю, що це стосується управління державою і менше для самого Vue, але я б сказав, що не варто недооцінювати спосіб архітектури вашої програми та спосіб маніпулювання вашими даними.
Vue.js - це потужний інструмент, ви можете отримати надзвичайний і простий налагодження та обслуговування програми, але також дуже просто потрапити в вкладене дерево компонентів, які ви не можете легко підтримувати.
Я б сказав, що головне, що я хотів би знати, - це те, що для будь-якого додатка середнього розміру вам слід подумати про використання хорошого інструменту управління державою (наприклад, Vuex). Або подумайте про використання Nuxt, якщо ви запускаєте додаток з нуля, в якому вже є багато цих речей, розгаданих для вас.

Twitter Філіпи

Хасан Джіреде

Хассан є розробником для розробників Shopify та автором FullStack Vue.

Рекомендація Хасана щодо початку роботи:
Я б сказав тим, хто тільки починає роботу - всі основні фрагменти, що складають рамку Vue (Vue Router / Vuex / тощо), неймовірно легко скласти разом.
Поки розробник трохи комфортно працює з базовою бібліотекою, вони можуть почати додавати інші інструменти раніше, ніж пізніше, оскільки всі вони працюють разом неймовірно добре.
Ще коли я почав працювати з Vue, я спочатку відмовився від використання інших інструментів через страх ускладнити свої додатки, але страх, безумовно, не виправданий :).

S блог Хасана | Blog Блог Хасана

Даміан Дуліш

Даміан - член основної команди Vue.js і автор Vue-мультиселекту.

Рекомендація Даміана щодо початку роботи:
Може здатися, що деякі частини Vue є "магічними", але насправді це просто JavaScript, і все є пояснення. Ось чому важливо, коли ви вивчаєте Vue, ви також повинні продовжувати вивчати саму мову. Розуміння того, як все працює внизу, допоможе вам надзвичайно просунутися вглиб Vue та веб-розробки загалом.

S Даміан в Твіттері | Даміан Гітхуб

Лаклан Міллер

Лаклан пише про frontend, Vue.js, TDD та blockchain.

Рекомендація Лаклана щодо початку роботи:
Посібник зі стилю Vue.js: Це не те, що я почав, але вважаю, що це дуже цінно. Такі дрібниці, як написати реквізит так:
реквізит: {
  myProp: {
    тип: Рядок,
    потрібно: вірно
  }
}
Замість
реквізит: ['myProp']
Спочатку для мене це не було очевидно, і це зробило мої ранні програми Vue.js дуже важкими для розуміння.
Я також рекомендую глибоке розуміння наявних в одному напрямку способів потоку даних Vue і React, і якнайшвидше знати про Vuex та Vue Router - не обов’язково їх використовувати, але розуміти, що вони роблять і знати, коли потрібно додайте їх до свого проекту. Якщо ви працюєте з Vue, ви рано чи пізно зіткнетеся і з Vuex, і з VueRouter, тож вам слід зрозуміти, що вони роблять і чому вони корисні.
Ще одна порада, яку я даю будь-яким майбутнім розробникам, Vue.js чи ні, - це тестувати менталітет. Вам не потрібно писати тести під час створення прототипу, але коли ви задоволені своїм кодом, переконайтеся, що у вас є принаймні кілька простих тестів, перш ніж взяти на себе майстер - я не можу порахувати, скільки разів зупинили тести. мені від порушення основних функціональних можливостей. `vue-test-utils` та Jest роблять це дуже просто. Однією з причин того, що Vue має так мало помилок та регресій, - це його міцний тестовий набір.
Нарешті, я рекомендую спробувати багато різних "стилів" Vue. Ви можете використовувати Vue як тег сценарію з CDN, використовуючи щось на зразок Vue CLI 3 для створення повного SPA або в подібному стилі до jQuery, щоб зробити звичайну бічну сторінку сервера трохи більш динамічною. Немає «правильного» способу використання Vue.

Med Середній Лаклан

Кріс Фріц

Кріс є основним членом команди Vue, який найбільш відомий своєю роботою з написання та опрацювання документації Vue.

Рекомендація Кріса для початку роботи:
Просто почніть читати посібник. Ми написали це так, що протягом дня ви зможете ознайомитись із більшістю основних функцій Vue та дуже продуктивним створенням реальних додатків.

SChris's Twitter

Початок роботи - це половина роботи, коли справа доходить до чогось нового! Сподіваємось, за допомогою цих майстрів Vue ви зібрали те, що вам потрібно, щоб почати свій шлях до майстерності Vue!

Якщо у вас є якісь додаткові поради, як стати Vue Master, я б хотів їх почути. Не соромтесь коментувати тут і приєднуйтесь до нашої групи у Facebook (Vue Mastery Group), щоб поділитися! 🏔

Моя рекомендація щодо початку роботи?

Це, мабуть, не здивує вас, коли я рекомендую вчитися з Адамом Джаром та мною у Vue Mastery. Наші курси дають вам основи.