Vue Masters'tan Vue'yu Öğrenmenin En İyi 10 İpucu 🏔

Vue.js ile yeni başlayan bir geliştiriciyseniz, içeri atlamak hem heyecan verici hem de çok zor olabilir. Herkesin öğrenme süreci çok farklı olsa da, altı Vue Master'a şu soruyu sordum:

“Vue.js'ye yeni yeni başlayan geliştiricilerin bilmesini istediğiniz ne tavsiye edersiniz?”

Ben Hong

Ben, GitLab'da Full Stack Mühendisi ve VueDC / VueMeetups'in kurucu ortağıdır.

Ayrıca bir sihirbaz da olabilir.
Vue.js'ye yeni başlayanlar için, başladığımda bilmesini istediğim üç şey var:
1. Dokümanlar en iyi arkadaşınız olacak. Bunlar yapmaya çalıştığınız şey için gerçek örneklerle birlikte kesinlikle inanılmaz bir kaynaktır ve StackOverflow'a güvenmeden önce kontrol etmeniz gereken ilk yer burasıdır.
2. Vue uygulamaları için gerçek bir stil rehberi var. Vue, sizin için en iyisini seçmenize izin verirken harika olsa da, Vue topluluğunun ne önerdiğini merak ettiğiniz zamanlar olacaktır. Sizin için çok şanslı olan stil rehberi, her birinin ne kadar önemli olduğuna göre farklı uygulamaları kategorize etti. Başka bir yolla sizin için en iyisini seçmenize izin verdiler. Ve gerçekten bir yapıya ihtiyacınız varsa, Chris Fritz’in kurumsal kazanını kendi projelerinizde kullanmaya hazır olan bazı en iyi uygulamalar hakkında kontrol edin!
3. Ve günün sonunda, topluluk sizin için burada. Vue topluluğu inanılmaz derecede sıcak ve misafirperver bir topluluktur, bu nedenle yardım almanın yanı sıra, VueVixens ve diğerleri gibi girişimlerin, deneyimi daha eğlenceli hale getiren besleyici bir ortam yaratmaya yardımcı olduğunu göreceksiniz.

Ben'in Twitter'ı | Ben️ Ben’in Blog’u

Filipa Lacerda

Filipa, Kıdemli Ön Uç Mühendisi ve Vue.js meraklısıdır.

Filipa’nın başlamak için önerisi:
Sanırım bu durum devlet yönetimi hakkında ve Vue'nun kendisi hakkında daha az şey ifade ediyor, ancak uygulamanızı mimarileşme şeklinizi ve verilerinizi manipüle etme şeklini küçümsemediğini söyleyebilirim.
Vue.js güçlü bir araçtır, bir uygulamanın hatalarını ayıklamak ve sürdürmek için şaşırtıcı ve kolay bir işlemle sonuçlanabilir, ancak kendinizi kolayca koruyamayacağınız iç içe geçmiş bir bileşenler ağacına sokmak da çok kolaydır.
Bildiğim en önemli şey, orta büyüklükteki herhangi bir uygulama için en baştan iyi bir devlet yönetimi aracı (Vuex gibi) kullanmayı düşünmeniz gerektiğidir. Ya da bir uygulamayı sıfırdan başlatıyorsanız, zaten sizin için çözülmüş pek çok şeyi olan Nuxt'ı kullanmayı düşünün.

'Filipa'nın Twitter'ı

Hassan Djiredeh

Hassan, Shopify ve FullStack Vue'nin yazarı olan ön uç bir geliştiricidir.

Hassan’ın başlamak için önerisi:
Yeni başlayanlara - Vue çerçevesini oluşturan bütün çekirdek parçaların (Vue Router / Vuex / vb.) Bir araya getirilmesi inanılmaz kolay.
Geliştiricinin çekirdek kütüphanesiyle biraz rahatladığı sürece, hepsi birlikte çok iyi çalıştıklarından, diğer araçları bir an önce eklemeye başlayabilirler.
Vue ile çalışmaya başladığımda, uygulamalarımı daha karmaşık hale getirme korkusu yüzünden diğer araçları kullanmaktan vazgeçtim ama bu korku kesinlikle haklı değil :).

AssHassan’ın Twitter'ı Hassan’ın Blogu

Damian Dulisz

Damian bir Vue.js Çekirdek Takım Üyesi ve Vue-multiselect'in yazarıdır.

Damian’ın başlamak için önerisi:
Vue’nun bazı bölümleri “büyülü” gibi görünebilir, ancak gerçekte sadece JavaScript’tir ve her şeyin bir açıklaması vardır. Bu yüzden Vue'u öğrenirken, dili de öğrenmeye devam etmeniz önemlidir. Altında işlerin nasıl yürüdüğünü anlamak, genel olarak Vue ve web geliştirmede daha da ilerlerken büyük ölçüde size yardımcı olacaktır.

İanDamian’ın Twitter'ı | Damian’ın Github’ı

Lachlan Miller

Lachlan, frontend, Vue.js, TDD ve blockchain hakkında yazıyor.

Lachlan’ın işe başlama önerisi:
Vue.js tarzı rehber: Başladığımda bu değil, ama gerçekten değerli olduğunu düşünüyorum. Yazma gibi küçük şeyler şöyle şeyler:
sahne: {
  myProp: {
    tip: Dize,
    gerekli: doğru
  }
}
Onun yerine
sahne: ['myProp']
İlk başta benim için açık değildi ve erken Vue.js uygulamalarımın anlaşılmasını çok zorlaştırıyordu.
Ayrıca Vue ve React'in mevcut tek yönlü veri akış modeli hakkında bir anlayışa sahip olmayı ve Vuex ve Vue Router'ı mümkün olan en kısa sürede haberdar etmeyi savunuyorum - bunları kullanmak zorunda değil, ne zaman ne yapmaları gerektiğini bilmeniz gerektiğini onları projene ekle. Vue ile çalışıyorsanız, er ya da geç Vuex ve VueRouter ile karşılaşacaksınız, bu yüzden ne yaptıklarını ve neden yararlı olduklarını anlamalısınız.
Yaklaşan geliştiricilere Vue.js vermiş veya vermemiş olduğum bir başka tavsiye de test zihniyetine sahip olmaktır. Bir prototip oluştururken testler yazmanıza gerek yok, ancak bir kez kodunuzdan memnun kaldıktan sonra, master vermeden önce en azından bazı basit testler yaptığınızdan emin olun - Testlerin durma sayısını sayamıyorum çekirdek işlevsellikten bıktım. “vue-test-utils” ve Jest bunu çok kolaylaştırıyor. Vue'nun bu kadar az böcek ve gerilemeye neden olmasının sebeplerinden biri sağlam test takımından kaynaklanıyor.
Son olarak, Vue’nun birçok farklı “stilini” denemenizi tavsiye ederim. Tam bir SPA oluşturmak için Vue'yi bir CDN'den komut dosyası olarak, Vue CLI 3 gibi bir şey kullanarak veya normal bir sunucu tarafı sayfasını biraz daha dinamik hale getirmek için jQuery'e benzer bir tarzda kullanabilirsiniz. Vue kullanmanın “doğru” bir yolu yoktur.

Lachlan’ın Orta’sı

Chris Fritz

Chris, çalışma yazılarıyla ve Vue’nun dokümantasyonunu küratörlüğünü yapan ünlü bir Vue çekirdek ekip üyesidir.

Chris’in başlamak için önerisi:
Sadece kılavuzu okumaya başla. Bunu bir gün içinde Vue’nin temel özelliklerinin çoğunu ve çok üretken bina gerçek uygulamalarını tanıyabileceğiniz şekilde yazdık.

’Chris’in Twitter'ı

Yeni bir şeye yaklaşmak söz konusu olduğunda işe başlamak işin yarısıdır! Umarım, bu Vue Masters'ın yardımıyla, Vue Mastery'ye gitmek için ihtiyacınız olan şeyleri topladınız!

Bir Vue Master olmak için başka ipucunuz varsa, onları duymayı çok isterim. Burada yorum yapmaktan ve paylaşmak için Facebook grubumuza (Vue Mastery Group) katılmaktan çekinmeyin! 🏔

Başlamaya ilişkin tavsiyem?

Adam Jahr ve ben ile Vue Mastery'de öğrenmeyi önerdiğimde muhtemelen seni şaşırtmaz. Kurslarımız size tüm temel bilgileri verir.