10 beste tips for å lære Vue fra Vue Masters 🏔

Hvis du er en utvikler som akkurat begynner med Vue.js, kan hoppe i være både spennende og overveldende. Mens alles læringsprosess er veldig forskjellig, spurte jeg seks Vue Masters følgende spørsmål:

"Hvilke råd vil du gi utviklere som nettopp starter Vue.js, som du skulle ønske du ville ha kjent?"

Ben Hong

Ben er Full Stack Engineer hos GitLab og medgründer av VueDC / VueMeetups.

Han kan også være en trollmann
For de som nettopp starter Vue.js, er det tre ting jeg skulle ønske jeg ville ha visst da jeg begynte:
1. Dokumentene blir din beste venn. De er en helt utrolig ressurs med faktiske eksempler på hva du prøver å gjøre, og er det første stedet du bør sjekke før du stoler på StackOverflow.
2. Det er en faktisk stilguide for Vue-applikasjoner. Selv om Vue er gode på å la deg velge hva som er best for deg, vil det være tider hvor du lurer på hva Vue-samfunnet anbefaler. Vel heldig for deg, stilguiden har kategorisert forskjellige fremgangsmåter etter hvor viktig hver enkelt er. Bare en annen måte de lar deg velge hva som er best for deg. Og hvis du virkelig trenger litt struktur, kan du sjekke Chris Fritz sin foretakskjelplate på noen av de beste fremgangsmåtene som er klare for deg å bruke i dine egne prosjekter!
3. Og på slutten av dagen er samfunnet her for deg. Vue-samfunnet er utrolig varmt og innbydende, så i tillegg til å få hjelp, vil du finne at initiativer som VueVixens og andre er med på å skape et pleiende miljø som gjør opplevelsen desto morsommere.

Bens Twitter | ️ Ben's Blog

Filipa Lacerda

Filipa er en Senior Front-End Engineer & Vue.js-entusiast.

Filipas anbefaling for å komme i gang:
Jeg antar at dette handler mer om statlig styring og mindre om selve Vue, men jeg vil si ikke undervurder måten du arkitekturerer applikasjonen din og måten du manipulerer dataene dine.
Vue.js er et kraftig verktøy, du kan ende opp med en fantastisk og enkel å feilsøke og vedlikeholde en applikasjon, men det er også veldig enkelt å få deg inn i et nestet tre av komponenter som du ikke lett kan vedlikeholde.
Jeg vil si at det viktigste jeg skulle ønske jeg har visst, er at for alle mellomstore applikasjoner, bør du vurdere å bruke et godt statlig styringsverktøy (som Vuex) fra begynnelsen. Eller vurder å bruke Nuxt hvis du starter en applikasjon fra bunnen av, som allerede har mange av disse tingene funnet ut for deg.

Filipas Twitter

Hassan Djiredeh

Hassan er en front-end utvikler for Shopify og forfatter av FullStack Vue.

Hassans anbefaling for å komme i gang:
Jeg vil si til de som nettopp er i gang - alle kjernestykkene som utgjør Vue-rammeverket (Vue Router / Vuex / osv.) Er utrolig enkle å brette sammen.
Så lenge utvikleren blir litt komfortabel med kjernebiblioteket, kan de begynne å legge til de andre verktøyene før enn senere siden de alle jobber utrolig bra.
Da jeg begynte å jobbe med Vue, la jeg meg fra å bruke de andre verktøyene på grunn av frykt for å gjøre appene mine mer kompliserte, men den frykten er absolutt ikke berettiget :).

Hassans Twitter | Hassans blogg

Damian Dulisz

Damian er et Vue.js kjerneteammedlem og forfatter av Vue-multiselect.

Damians anbefaling for å komme i gang:
Det kan virke som om noen deler av Vue er "magiske", men i virkeligheten er det bare JavaScript og det er en forklaring på alt. Det er derfor det er viktig at når du lærer Vue, du også fortsetter å lære språket. Å forstå hvordan ting fungerer under vil hjelpe deg enormt når du går dypere inn i Vue og webutvikling generelt.

Damians Twitter | Damian's Github

Lachlan Miller

Lachlan skriver om frontend, Vue.js, TDD og blockchain.

Lachlans anbefaling for å komme i gang:
Stilguiden til Vue.js: Dette skjedde ikke når jeg begynte, men jeg synes det er veldig verdifullt. Små ting som å skrive rekvisitter som dette:
Rekvisitter: {
  myProp: {
    type: streng,
    påkrevd: sant
  }
}
I stedet for
rekvisitter: ['myProp']
Var ikke tydelig for meg med det første, og gjorde mine tidlige Vue.js-applikasjoner veldig vanskelige å forstå.
Jeg vil også gå inn for å ha en grundig forståelse av enveis dataflytmodell Vue og React til stede, og å være klar over Vuex og Vue Router så snart som mulig - ikke nødvendigvis å bruke dem, men forstå hva de gjør og vite når du trenger legg dem til prosjektet ditt. Hvis du jobber med Vue, vil du møte både Vuex og VueRouter før eller siden, så du bør forstå hva de gjør og hvorfor de er nyttige.
Et annet råd jeg gir noen kommende utviklere, Vue.js eller ikke, er å ha en testmentalitet. Du trenger ikke å skrive tester når du bygger en prototype, men når du er fornøyd med koden din, må du sørge for at du har minst noen enkle tester før du forplikter deg til å mestre - jeg kan ikke telle hvor mange ganger testene har stoppet meg fra å bryte kjernefunksjonaliteten. `vue-test-utils` og Jest gjør dette veldig enkelt. En av grunnene til at Vue har så få feil og regresjoner er på grunn av den solide testpakken.
Til slutt vil jeg anbefale å prøve ut mange forskjellige "stiler" av Vue. Du kan bruke Vue som et skriptmerke fra et CDN, bruke noe som Vue CLI 3 for å bygge et fullstendig SPA, eller i en lignende stil som jQuery for å gjøre en vanlig serversidoside litt mer dynamisk. Det er ingen "riktig" måte å bruke Vue på.

Lachlan's Medium

Chris Fritz

Chris er et Vue-kjerneteammedlem som er mest kjent for sitt arbeid med å skrive og kurere Vues dokumentasjon.

Chris anbefaling for å komme i gang:
Bare begynn å lese guiden. Vi har skrevet det slik at du i løpet av en dag kan bli kjent med de fleste av Vues kjernefunksjoner og veldig produktive å bygge ekte apper.

HrChris Twitter

Å komme i gang er halvparten av arbeidet når det gjelder å nærme seg noe nytt! Forhåpentligvis har du, med hjelp av disse Vue Masters, samlet det du trenger for å starte veien til Vue Mastery!

Hvis du har noen ekstra tips for å bli Vue Master, vil jeg gjerne høre dem. Kommenter gjerne her og bli med på vår Facebook-gruppe (Vue Mastery Group) for å dele! 🏔

Min anbefaling om å komme i gang?

Det vil sannsynligvis ikke overraske deg når jeg anbefaler å lære med Adam Jahr og meg på Vue Mastery. Våre kurs gir deg alle de grunnleggende.