10 най-добри съвета за учене на Vue от Vue Masters 🏔

Ако сте разработчик, който тепърва започва с Vue.js, скокването може да бъде едновременно вълнуващо и поразително. Въпреки че всеки процес на обучение е много различен, аз зададох на шестима Vue Masters следния въпрос:

„Какъв съвет бихте дали на разработчиците, които тепърва стартират Vue.js, които искате да знаете?“

Бен Хонг

Бен е Full Stack инженер в 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, първоначално се отказах от използването на другите инструменти поради страх да не усложнявам приложенията си, но този страх определено не е оправдан :).

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

Дамян Дулиш

Дамян е член на основния екип на Vue.js и автор на Vue-мултиселекция.

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

Damian's Twitter | Github на Damian

Лаклан Милър

Lachlan пише за frontend, Vue.js, TDD и blockchain.

Препоръка на Lachlan за започване на работа:
Ръководството за стил Vue.js: Това не е, когато започнах, но мисля, че е наистина ценно. Малки неща като писане на реквизит по този начин:
подпори: {
  myProp: {
    тип: String,
    задължително: вярно
  }
}
Вместо
реквизит: ['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.

Лаклан среден

Крис Фриц

Крис е основен член на екипа на Vue, който е най-известен с работата си по писане и утвърждаване на документацията на Vue.

Препоръка на Крис за започване на работа:
Просто започнете да четете ръководството. Написахме го така, че в рамките на един ден да можете да се запознаете с повечето основни функции на Vue и много продуктивни истински приложения.

Chris's Twitter

Първите стъпки са половината от работата, когато става въпрос за приближаване до нещо ново! Надяваме се, че с помощта на тези майстори на Vue сте събрали това, което трябва да започнете пътя си към Vue Mastery!

Ако имате някакви допълнителни съвети да станете Vue Master, бих се радвал да ги чуя. Чувствайте се свободни да коментирате тук и се присъединете към нашата група във Facebook (Vue Mastery Group), за да споделите! 🏔

Моята препоръка за започване на работа?

Вероятно няма да ви изненада, когато препоръчам да се обучавате с Адам Джар и мен във Vue Mastery. Нашите курсове ви дават всички основи.