10 labākie Vue apguves padomi Vue meistariem 🏔

Ja esat izstrādātājs, kurš tikai sāk darbu ar Vue.js, lekt var būt gan aizraujošs, gan satriecošs. Lai gan ikviena mācīšanās process ir ļoti atšķirīgs, sešiem Vue maģistriem uzdevu šādu jautājumu:

"Kādu padomu jūs dotu izstrādātājiem, kuri tikko sāk Vue.js, ko jūs vēlētos, lai jūs zināt?"

Bens Hon

Bens ir “GitLab” pilno steku inženieris un “VueDC / VueMeetups” līdzdibinātājs.

Viņš varētu būt arī burvis
Tiem, kas tikko sāk Vue.js, ir trīs lietas, kuras es vēlētos, lai es uzzināju, kad sāku:
1. Dokumenti būs jūsu labākais draugs. Tie ir absolūti neticami resursi ar faktiskiem piemēriem tam, ko jūs mēģināt darīt, un tā ir pirmā vieta, kas jums jāpārbauda, ​​pirms paļauties uz StackOverflow.
2. Vue lietojumprogrammām ir īsts stila ceļvedis. Lai arī Vue lieliski ļauj izvēlēties sev vispiemērotāko, būs reizes, kad jūs domājat, ko iesaka vue kopiena. Lai jums veicas, stila rokasgrāmata ir klasificējusi dažādas prakses atbilstoši tam, cik svarīga ir katra no tām. Tikai vēl viens veids, kā viņi ļauj jums izvēlēties sev vispiemērotāko. Un, ja jums patiešām ir nepieciešama kāda struktūra, iepazīstieties ar Krisa Fritza uzņēmuma informācijas plāksni par dažām labākajām praksēm, kuras varat izmantot jūsu pašu projektos!
3. Un dienas beigās kopiena ir šeit jums. Vue kopiena ir neticami sirsnīga un viesmīlīga, tāpēc papildus palīdzības saņemšanai jūs atradīsit, ka tādas iniciatīvas kā VueVixens un citas palīdz radīt kopjošu vidi, kas pieredzi padara vēl baudāmāku.

Ben’s Twitter | ️ Ben’s Blog

Filipa Lacerda

Filipa ir vecākais inženieris un vietne Vue.js.

Filipa ieteikums darba sākšanai:
Es domāju, ka tas vairāk attiecas uz valsts pārvaldību un mazāk uz pašu Vue, taču es teiktu, ka nenovērtējiet par zemu to, kā jūs veidojat savu lietojumprogrammu, kā arī to, kā jūs manipulējat ar saviem datiem.
Vue.js ir jaudīgs rīks, kuru varat izveidot ar pārsteidzošu un viegli atkļūdojamu un lietojumprogrammu uzturošu, taču ir arī ļoti viegli nokļūt komponentu ligzdotā kokā, kuru jūs nevarat viegli uzturēt.
Es teiktu, ka galvenais, ko vēlos zināt, ir tas, ka jebkurai vidēja lieluma lietojumprogrammai jau pašā sākumā jāapsver laba valsts pārvaldības rīka (piemēram, Vuex) izmantošana. Vai arī apsveriet iespēju izmantot Nuxt, ja lietojumprogrammu sākat no nulles, kurā jau ir daudz no šīm lietām.

Filipa Twitter

Hasans Djiredehs

Hasans ir lielākais Shopify izstrādātājs un FullStack Vue autors.

Hasana ieteikums darba sākšanai:
Es teiktu tiem, kas tikai sāk darbu - visi galvenie gabali, kas veido Vue ietvaru (Vue Router / Vuex / utt.), Ir neticami viegli salikti kopā.
Kamēr izstrādātājs ir mazliet apmierināts ar galveno bibliotēku, viņi var sākt pievienot citus rīkus ātrāk nekā vēlāk, jo visi tie sadarbojas neticami labi.
Kad sāku strādāt ar Vue, es sākotnēji atteicos no citu rīku lietošanas, baidoties, ka manas lietotnes varētu sarežģīt, taču šīs bailes noteikti nav pamatotas :).

Hassan's Twitter | Hassan's Blog

Damian Dulisz

Damians ir Vue.js galvenās komandas loceklis un Vue-multiselect autors.

Damiana ieteikums sākt darbu:
Varētu šķist, ka dažas Vue daļas ir “maģiskas”, taču patiesībā tas ir tikai JavaScript un visam ir izskaidrojums. Tieši tāpēc ir svarīgi, lai, apgūstot Vue, jums būtu jāturpina mācīties arī pati valoda. Izpratne par to, kā viss notiek zemāk, jums ārkārtīgi palīdzēs, padziļinoties Vue un tīmekļa izstrādē kopumā.

Damian's Twitter | Damian’s Github

Laklāns Millers

Lachlan raksta par frontend, Vue.js, TDD un blockchain.

Lachlan ieteikums darba sākšanai:
Vue.js stila ceļvedis: tas, kas neatrodas apkārt, kad sāku, bet es domāju, ka tas ir patiešām vērtīgs. Mazliet, piemēram, rakstīt rekvizītus, piemēram:
rekvizīti: {
  myProp: {
    tips: stīgas,
    nepieciešams: patiess
  }
}
Tā vietā
rekvizīti: ['myProp']
Sākumā man tas nebija acīmredzams, un manas agrīnās Vue.js lietojumprogrammas bija ļoti grūti saprotamas.
Es arī iestājos par to, lai būtu pilnīga izpratne par vienvirziena datu plūsmas modeli Vue un React un pēc iespējas ātrāk būtu informēti par Vuex un Vue Router - ne vienmēr tos izmanto, bet saprotiet, ko viņi dara, un zināt, kad jums tas ir nepieciešams. pievienojiet tos savam projektam. Ja strādājat ar Vue, agrāk vai vēlāk jūs sastapsities gan ar Vuex, gan ar VueRouter, tāpēc jums vajadzētu saprast, ko viņi dara un kāpēc tie ir noderīgi.
Vēl viens padoms, ko dodu gaidāmajiem izstrādātājiem, neatkarīgi no tā, vai Vue.js ir vai nav, ir tāds, ka jābūt testēšanas mentalitātei. Veidojot prototipu, jums nav jāraksta testi, taču, kad esat apmierināts ar savu kodu, pārliecinieties, ka esat apņēmies veikt vismaz dažus vienkāršus testus, pirms apņematies apgūt - es nevaru saskaitīt, cik reizes testi ir pārtraukti. mani no pamata funkcionalitātes pārkāpšanas. `vue-test-utils` un Jest to padara ļoti vienkāršu. Viens no iemesliem, kāpēc Vue ir tik maz kļūdu un regresijas, ir tā cietā testa komplekta dēļ.
Visbeidzot, es ieteiktu izmēģināt daudz dažādu Vue “stilu”. Varat izmantot Vue kā skripta tagu no CDN, izmantojot kaut ko līdzīgu Vue CLI 3, lai izveidotu pilnu SPA, vai līdzīgā stilā kā jQuery, lai parasto servera sānu lapu padarītu mazliet dinamiskāku. Nav “pareiza” Vue lietošanas veida.

Lachlan’s Medium

Kriss Fritzs

Kriss ir Vue galvenās komandas loceklis, kurš ir visvairāk pazīstams ar savu darbu, rakstot un veidojot Vue dokumentāciju.

Krisa ieteikums sākt darbu:
Vienkārši sāciet lasīt ceļvedi. Mēs to esam uzrakstījuši tā, ka vienas dienas laikā jūs varat iepazīties ar lielāko daļu Vue galveno funkciju un ļoti produktīvu reālu lietotņu veidošanu.

HCris's Twitter

Darba sākšana ir puse no darba, kad ir jāpieiet pie kaut kā jauna! Cerams, ka ar šo Vue meistaru palīdzību jūs esat apkopojis visu, kas jums nepieciešams, lai sāktu ceļu uz Vue meistarību!

Ja jums ir kādi papildu padomi, kā kļūt par Vue Master, es labprāt tos dzirdētu. Komentējiet šeit un pievienojieties mūsu Facebook grupai (Vue Mastery Group), lai dalītos! 🏔

Mans ieteikums par darba sākšanu?

Tas, iespējams, nepārsteigs, kad es ieteiktu mācīties kopā ar Adamu Džāru un mani Vue Mastery. Mūsu kursi sniedz jums visus pamatus.