10 beste tips voor het leren van Vue van Vue Masters ūüŹĒ

Als je een ontwikkelaar bent die net begint met Vue.js, kan instappen zowel spannend als overweldigend zijn. Hoewel het leerproces van iedereen heel anders is, stelde ik zes Vue Masters de volgende vraag:

"Welk advies zou je ontwikkelaars geven die net beginnen met Vue.js waarvan je zou willen dat je het had geweten?"

Ben Hong

Ben is Full Stack Engineer bij GitLab en mede-oprichter van VueDC / VueMeetups.

Hij kan ook een tovenaar zijn
Voor degenen die net beginnen met Vue.js, er zijn drie dingen die ik wou dat ik had geweten toen ik begon:
1. De documenten worden je beste vriend. Ze zijn een absoluut ongelooflijke bron met echte voorbeelden voor wat u probeert te doen en is de eerste plaats die u moet controleren voordat u op StackOverflow vertrouwt.
2. Er is een actuele stijlgids voor Vue-applicaties. Hoewel Vue er goed in is je te laten kiezen wat het beste voor jou is, zullen er momenten zijn waarop je je afvraagt ‚Äč‚Äčwat de Vue-community aanbeveelt. Veel geluk voor jou, de stijlgids heeft verschillende praktijken gecategoriseerd op basis van hoe belangrijk elk is. Gewoon een andere manier waarmee ze u laten kiezen wat het beste voor u is. En als je echt wat structuur nodig hebt, bekijk dan Chris Fritz's bedrijfsinformatie over enkele best practices die je kunt gebruiken in je eigen projecten!
3. En aan het einde van de dag is de community er voor jou. De Vue-community is ongelooflijk warm en gastvrij, dus naast het krijgen van hulp, zul je merken dat initiatieven zoals de VueVixens en anderen bijdragen aan het cre√ęren van een verzorgende omgeving die de ervaring des te aangenamer maakt.

TwitterBen‚Äôs Twitter | ÔłŹ Ben's blog

Filipa Lacerda

Filipa is een Senior Front-End Engineer & Vue.js enthousiast.

Filipa's aanbeveling om te beginnen:
Ik denk dat dit meer gaat over statusbeheer en minder over Vue zelf, maar ik zou zeggen dat je de manier waarop je je applicatie architectuur en de manier waarop je je gegevens manipuleert niet moet onderschatten.
Vue.js is een krachtige tool, je kunt eindigen met een verbazingwekkende en gemakkelijk te debuggen en een applicatie te onderhouden, maar het is ook heel gemakkelijk om jezelf in een geneste boom van componenten te krijgen die je niet gemakkelijk kunt onderhouden.
Ik zou zeggen dat het belangrijkste dat ik wou dat ik had geweten, is dat je voor elke middelgrote toepassing vanaf het begin zou moeten overwegen om een ‚Äč‚Äčgoede tool voor statusbeheer (zoals Vuex) te gebruiken. Of overweeg om Nuxt te gebruiken als u een applicatie helemaal opnieuw start, waar al veel van deze dingen voor u zijn uitgezocht.

TwitterFilipa's Twitter

Hassan Djiredeh

Hassan is een front-end ontwikkelaar voor Shopify & auteur van FullStack Vue.

Hassans aanbeveling om te beginnen:
Ik zou zeggen tegen degenen die net begonnen zijn - alle kernonderdelen waaruit het Vue-framework bestaat (Vue Router / Vuex / enz.) Zijn ongelooflijk eenvoudig in elkaar te zetten.
Zolang de ontwikkelaar een beetje vertrouwd raakt met de kernbibliotheek, kunnen ze beginnen met het toevoegen van de andere tools eerder dan later, omdat ze allemaal ongelooflijk goed samenwerken.
Toen ik met Vue begon te werken, stelde ik aanvankelijk het gebruik van de andere tools uit omdat ik bang was mijn apps ingewikkelder te maken, maar die angst is absoluut niet gerechtvaardigd :).

Hassan's Twitter | Hassan's blog

Damian Dulisz

Damian is een lid van het Core Team van Vue.js en auteur van Vue-multiselect.

Damians aanbeveling om aan de slag te gaan:
Het lijkt misschien alsof sommige delen van Vue 'magisch' zijn, maar in werkelijkheid is het gewoon JavaScript en is er een verklaring voor alles. Daarom is het belangrijk dat wanneer je Vue leert, je ook de taal zelf moet blijven leren. Als je begrijpt hoe dingen eronder werken, zul je enorm helpen naarmate je dieper in Vue en webontwikkeling in het algemeen vordert.

Damian's Twitter | Damian's Github

Lachlan Miller

Lachlan schrijft over frontend, Vue.js, TDD en blockchain.

Lachlan's aanbeveling om te beginnen:
De Vue.js-stijlgids: dit was er niet toen ik begon, maar ik vind het echt waardevol. Kleine dingen zoals schrijf rekwisieten zoals deze:
rekwisieten: {
  myProp: {
    type: String,
    vereist: waar
  }
}
In plaats van
rekwisieten: ['myProp']
Was me aanvankelijk niet duidelijk en maakte mijn vroege Vue.js-applicaties erg moeilijk te begrijpen.
Ik pleit er ook voor om een ‚Äč‚Äčgrondig inzicht te hebben in de manier waarop datastroommodel Vue en React aanwezig is, en om zo snel mogelijk op de hoogte te zijn van Vuex en Vue Router - niet noodzakelijkerwijs gebruiken, maar begrijpen wat ze doen en weten wanneer je moet voeg ze toe aan uw project. Als u met Vue werkt, zult u zowel Vuex als VueRouter vroeg of laat tegenkomen, dus u moet begrijpen wat ze doen en waarom ze nuttig zijn.
Een ander advies dat ik aankomende ontwikkelaars, Vue.js of niet, geef, is om een ‚Äč‚Äčtestmentaliteit te hebben. U hoeft geen tests te schrijven wanneer u een prototype bouwt, maar als u tevreden bent met uw code, zorg er dan voor dat u minstens enkele eenvoudige tests hebt voordat u zich meester maakt - ik kan niet tellen hoe vaak tests zijn gestopt ik verbreek de kernfunctionaliteit. `vue-test-utils` en Jest maken dit heel eenvoudig. Een van de redenen waarom Vue zo weinig bugs en regressies heeft, is vanwege zijn solide testpakket.
Tot slot zou ik aanraden om veel verschillende "stijlen" van Vue uit te proberen. Je kunt Vue gebruiken als een scripttag van een CDN, met behulp van iets als Vue CLI 3 om een ‚Äč‚Äčvolledige SPA te bouwen, of in een stijl die vergelijkbaar is met jQuery om een ‚Äč‚Äčreguliere serverzijpagina een beetje dynamischer te maken. Er is geen "juiste" manier om Vue te gebruiken.

MediumLachlan's medium

Chris Fritz

Chris is een kernlid van het Vue-team dat vooral bekend staat om zijn werk bij het schrijven en samenstellen van de documentatie van Vue.

Chris 'aanbeveling om te beginnen:
Begin gewoon met het lezen van de gids. We hebben het zo geschreven dat je binnen een dag bekend bent met de meeste kernfuncties en het zeer productieve bouwen van echte apps van Vue.

Twitter Twitter van Chris

Aan de slag is het halve werk als het gaat om het benaderen van iets nieuws! Hopelijk heb je met behulp van deze Vue Masters verzameld wat je nodig hebt om je weg naar Vue Mastery te beginnen!

Als je nog meer tips hebt om Vue Master te worden, hoor ik ze graag. Voel je vrij om hier te reageren en lid te worden van onze Facebook-groep (Vue Mastery Group) om te delen! ūüŹĒ

Mijn aanbeveling om te beginnen?

Het zal je waarschijnlijk niet verbazen als ik je aanbeveel om met Adam Jahr en mij te leren bij Vue Mastery. Onze cursussen geven je alle basiskennis.