JavaScript’i derinlemesine öğrenmek ister misiniz?Sizin için doğru çerçeveyi seçin

Geçen yıl, Matt Mullenweg geliştiricileri “JavaScript’i derinlemesine incelemeye” teşvik etti.Dedi ve WordPress’in geleceğinin WordPress Rest API tarafından desteklenen JavaScript tabanlı bir arayüz kullanacağını kabul ettim.JavaScript’i REST API ile birlikte kullanmak, geliştirici ve son kullanıcı için olağanüstü bir deneyim sağlar, bu nedenle her WordPress geliştiricisi JavaScript’i anlamalıdır.Böylece bu vizyon bir gerçek haline gelir, sadece WordPress’in çekirdeği için geçerli değildir.Eklentilerin ve temaların benzer deneyimler sağlaması gerekir.Büyük JavaScript çerçevesi, eklentinize veya temanıza iletmenin en hızlı ve en ölçülebilir yoludur.
Yine de, kullanım için doğru çerçeveyi seçmek kolay değildir. Son zamanlarda Roy Sivan ve ben bu konuda ücretsiz bir mini kurs yayınladık. Bu serideki 4 videoyu ücretsiz olarak izleyebilirsiniz, ancak en popüler seçeneklerden bazılarını burada tartışmak istiyorum. Ana seçenekleri karşılaştırarak birçok JavaScript çerçevesi vardır ve her gün yeni çerçeveler görünür. Yeni bir tane gördüğümde, deneme arzusunu tutamıyorum. İyi bir JavaScript çerçevesi, kendiniz yapabileceğiniz birçok şeyi, Dom manipülasyonu, Ajax talebi, işleme ve basit yangına sahip diğerleri gibi her türlü şeyi idare etmek için işlev gören bir sistemde birleştirir. Bir kez daha, hepsini kendiniz yapabilirsiniz, ancak iyi bir JavaScript çerçevesi bunu daha kolay hale getirir, kod çoğaltmasını azaltır ve kod bakımınızın çoğunu genellikle büyük şirketlerin desteğiyle daha büyük bir geliştirici topluluğuna yönlendirir.
Özünde, çerçeveyi kullanmak isteyeceksiniz, ancak hepsi aynı yapılmaz. İşte ana seçeneklerin artıları ve eksileri hakkında bazı kısa düşünceler. Omurgamın omurga hakkında karışık duyguları var. Bir yandan WordPress’e dahil edilir ve WordPress Rest API için bir omurga istemcisi ile gönderilir. Aynı zamanda, omurga burada tartıştığım en rahatsız edici ve en eski seçenektir. Bununla sınırlı bir deneyimim var, ama her zaman bu iş ile bu diing ile orantılı olmadığını hissediyorum. Omurga en eski ve en kararlı seçenektir. Bu iyi ve kötü. Bu zaman içinde biraz dondurulur, ancak işlev görür ve çok fazla değişmez. Bu çok modern değil, ancak WordPress gibi işlevler ve hızlı bir şekilde değişmez. Hızlı bir şekilde değişmemek, hızlı hareket eden bir reaksiyonda veya açısal ekosistemde birkaç dakika sonra isteyebileceğiniz bir şeydir. Küçüküm, gerçekten anladığım ilk JavaScript çerçevesi olan açısal 1 (NG1) için gerçek bir zayıf noktaya sahiptir. Bu, genel olarak JavaScript ve programlama hakkında çok şey öğrenmeme yardımcı oluyor. Örneğin, diğer bileşenlere, mükemmel tasarım ilkelerine kullanılabilecek veri kaynakları sağlamak için hizmetleri nasıl kullandığını seviyorum. Ayrıca, NG1’in görünüm için HTML kullanmasını seviyorum. HTML, HTML yazmanın iyi bir yoludur – React On JSX’ten farklıdır. Bu, NG1 şablonunda kullandığınız tüm veri öznitelikleri çok hızlı bir şekilde ellerinizden çıkabilir.
NG1, bir JavaScript çerçevesi ile başlamak için iyi bir yoldur ve bunu bazı şeyler için kullanmaya devam edebilirim. Angular 2’yi kontrol etmek için zamanım yok çünkü ihtiyacım olandan daha fazlası var ve belgeler TypeScript’te yazılıyor, bilmediğim. Yine de, orijinal bir hayransanız denemeye değer. Ayrıca, Angular 4 Mart ayında çıktı. Dürüst olmak gerekirse, şu anda takip edemem. En son JavaScript ile yaşamak ve nefes almak için zamanım yok. React’in tepkisi Facebook tarafından geliştirildi ve Automattic tarafından WordPress.com ve Jetpack’te de kullanıldı. Omurga WordPress’te bulunan tek JavaScript çerçevesi olsa da, umarım yakında dahil edilir. Şu anda React kullanılarak geliştirilmekte olan yeni prototip editörü. Dolayısıyla, hayran olmasam da, WordPress’e katkıda bulunmak isteyen herkes bunu öğrenmelidir. Tepki, oradaki tek reaktif çerçeve değil, ama bu en popüler. Reaktif çerçeve, olaylarla ilişkilendirebileceğiniz uygulamanın yaşam döngüsünün yaydığı olaylar nedeniyle WordPress geliştiricileri için çok rahattır. WordPress kancalarına çok benzer. React ayrıca çok, çok modüler, bir uygulama oluşturmak için birbirine bağlanabileceğiniz yeniden kullanılabilecek bir modül yapmak için tasarlanmıştır. JavaScript, özellikle JSX kullanarak yapılan görünümü sevmiyorum ve bu yüzden bunu kullanmıyorum, düzenlemenin ve bir dizi bağımlılık alçakgönüllü bir insan olarak ihtiyaçlarım için çok fazla hissettiriyor. WordPress eklentisi geliştiricisi.
Kendi reaksiyonlarımı denemeye hazırlanıyorum. Bu yıl LoopConf’ta Adam White, API REST hakkında iyi bir ders verdi ve ReactJS’de yaptığı basit dergi uygulamasını gösterdi. Dersleri izleyebilir ve kodu okuyabilirsiniz, ancak gördüğümde tekrar React’i denemek istiyorum. Bağımsız bileşenleri severim, ancak yeniden kullanılabilir. Caldera Forms’ta Vuejs, yakın zamanda Vuejs tarafından desteklenen ön uç giriş sanatçısı özelliğini yayınladık. Vuej’leri seviyorum. Bu, istediğiniz tüm avantajları sağlamak için reaktif bir çerçevedir, ancak aynı zamanda çok basittir. React muhtemelen en fazla fikir çerçevesidir ve kabul ederseniz sizin için iyidir, vuejs kibar ve uzlaşmacı bir çerçevedir. Sadeliği nedeniyle sadece çok küçük bir dosyaya ihtiyacınız olabilir. Bu, kullanımınıza bağlı olarak iyi veya kötü olabilir. Vuejs’in HTTP için resmi bir paketi olsa da, JQuery Ajax kullanma eğilimindeyim çünkü her zaman WordPress site sayfasında. Vuejs’in yönlendirici için bir paket var, ancak başkalarının denemesini tavsiye ediyor. Vue bileşeniyle entegrasyonu nedeniyle yönlendiricilerini seviyorum. Vuejs’in devlet yönetimi için bir paket var, ancak istenirse Redux’u kullanabilirsiniz. Umarım deseni görürsün. React, benim ve ben ve ben React’in görüşüne katılmıyoruz. Vuejs kendi fikrimi zorlamama izin veriyor.

Ayrıca, Vuejs şablonu HTML’dir. Sözdizimi, yönetilen NG1 şablonunun sözdizimsel sürümü gibidir. Tabii ki, JSX gibi bir şeyleri var, çünkü bazen gerekli, ancak çoğu, sadece HTML şablonlarına ihtiyacınız var. Vuejs ile gittikçe daha fazla inşa ettim ve bu arada beni reaksiyonu denemeye cazip hale getiriyor, bundan çok memnunum. Şu anda UI için Vuejs kullanan bir uygulama üzerinde çalışıyorum, her şey tek bir dosya bileşenine ayarlandı ve geliştirici şiddetle deneyimliyor. Reaction veya açısalın neden daha iyi olabileceğini anlayacak kadar biliyorum, ancak tam zamanlı canlı ve nefes almayan biri olarak, Vuejs kolayca yaklaşılan ve güçlü arasında mükemmel bir denge. Şahsen, Angular 1’den çok memnun kaldım. Bununla birlikte, bu çerçeve yaşını gösteriyor ve kendimi zaman zaman reaktif çerçeveyle daha fazla ilgiliydi. React, Preact, JSView ve Vuejs’i gördükten sonra daha fazla Vuej kullanmaya başladım. Vuejs’in ne kadar hafif olduğunu ve ne kadar hızlı öğrenmeyi ve başlamayı seviyorum. Hala Angular 1 kullanmayı seviyorum, ama sonra daha fazla Vuej kullanabilirim. Caldera formlarındaki ön uç giriş sanatçıları için kullanıyoruz ve yönetici form üreticilerimizin gelecekteki sürümlerinde kullanılabilir.