JavaScript Kitaplıkları ve WordPress: Bilmeniz Gerekenler

Daha önce söyledim ve tekrar söyleyeceğim: WordPress kullanıcısıysanız JavaScript'e aşina olmanız gerekir. Bu sadece web'in yolu. O halde asıl sorun, sıralamanız gereken rahatsız edici sayıda JavaScript kitaplığıdır.

Ember, React, Angular var. Vue ve Preact. Ve Ionic, Express veya Node'u da unutmayın. jQuery, Meteor ve Bootstrap da anılmayı hak ediyor. Peki ya…

Demek istediğimi anladın. (Ve bunlar sadece yeni bir sekme açmadan kafamın üstünden adlandırabildiklerim.) JavaScript kitaplıkları manzarayı alt üst ediyor çünkü geliştirme için oldukça gerekliler.

DOM manipülasyonu, bir MVC çerçevesi, AJAX çağrıları veya tamamen başka bir şey istiyorsanız, muhtemelen size yardımcı olmak için çekebileceğiniz bir kitaplık vardır.

Bir WordPress kullanıcısı olarak, bu kulaklarınıza müzik olmalı ve işte nedeni.

Neyse, JavaScript Kitaplıkları Nedir?

Basit: önceden yazılmış bir demet kod. Fantezi bir şey yok. Yine de onlarla bir sürü süslü şey yapabilirsiniz. Bu yüzden harikalar.

Önceden yazılmış kodu kullanarak ve bunu web sitenize çekerek size zaman kazandıran, ancak muhtemelen uzmanlığınızdaki boşlukları dolduran işlevler ekleyebilirsiniz. Yaptığınız işte iyisiniz, elbette, ancak bir JavaScript geliştiricisi değil, bir WordPress geliştiricisisiniz.

Sorun yok.

WordPress ile JavaScript kitaplıklarını kullanırken, sitenizi ve kullanıcılarınızın deneyimlerini geliştirmek için başkalarının uzmanlığını kullanırsınız.

Her şey sırayla

Bir WordPress kullanıcısı olarak, bir dizi JavaScript kitaplığına ve bunların bağımlılıklarına zaten Core'da erişebilirsiniz. Tam liste ve wp_enqueue_script'in yerleşik ve harici JS ile nasıl kullanılacağı için Codex'e bakın .

JavaScript Kitaplıkları…Ne İşe Yarar?

JavaScript kitaplıkları hakkında konuşurken çoğu kişinin kafası karışır çünkü bunlar genellikle farklı olan JavaScript çerçeveleri olarak yanlış etiketlenir. Çerçeve, bir tür kitaplıktır, ancak çoğundan biraz farklı çalışır.

Çerçeveler, tam ölçekli bir uygulama veya web sitesi oluşturmak için kullandığınız şeydir. Özünde, JS çerçeveleri, WordPress'in kendisi ile aynı işlevi görür ve üzerinde çalıştığınız herhangi bir projenin omurgasını sağlar. Çerçeve olmayan kitaplıklara göre kullanım açısından çok daha fazla yapılandırılmışlardır.

Çerçeveler birkaç kategoriye ayrılabilir: ön uç çerçeveler, arka uç çerçeveler ve tam yığın çerçeveler. Terimlere aşina değilseniz, ön uç , kullanıcının etkileşimde bulunduğu şeydir, arka uç , sunucu tarafı sorunları ile ilgilenir ve tam yığın hem ön hem de arka uçları ele alır.

Muhtemelen en yaygın/popüler çerçevelerden birkaçını duymuşsunuzdur:

• Açısal
• Node.js
• Vue.js
• Tepki
• Kor

Tüm bunlar WordPress'te Nasıl Oynanır?

Bu kütüphanelerin bazıları yok. Tüm amacım bu: WordPress ile çalışıyorsanız arka uç bir çerçeveye (ve bu bağlamda tam yığın bir çerçeveye) ihtiyacınız yok. Keyifli Çekirdeğimiz zaten bu seviyedeki yapıyı bizim için idare ediyor. (Özellikle Core'a katkıda bulunan ve/veya kendi başınıza bir ton özelleştirme yapan bir geliştiriciyseniz, bunun tartışmalı bir nokta olduğunu unutmayın.)

Kullanmayı (veya en azından anlamayı) öğrenmek için ihtiyacınız olan şey, ön uç çerçeveler ve DOM işleme kitaplıklarıdır. Bunlar, diğer JavaScript kitaplıklarından çok daha sık devreye girer.

PHP harika bir dildir. Bugün bildiğimiz şekliyle bize WP verdi ve her türlü mantığı ve işlevselliği kullanıcıların eline vermek için gerçekten iyi çalışıyor. Ancak JavaScript kitaplıkları gücü alır ve katlanarak artırır.

NinjaForms gibi belirli eklentiler PHP ile yazılmış olsalar da – çünkü WordPress öyle diyor – kullanıcıya mümkün olandan daha iyi bir deneyim ve çok daha fazla işlevsellik sağlamak için JavaScript kitaplıklarını kullanır. WPninjas, bunu başarmak için Backbone ve Marionette kitaplıklarını kullandı.

Heck, burada Elegant Themes'de bile Divi 3.0 (ki bu harika ve tüm sitelerinizde kullanmak için tamamen katılmalısınız) React'te yazılmıştır.

Yaklaşan Gutenberg editörü (en azından şimdilik) ve Calypso (ve Jetpack) adlı WordPress.com yönetici paneli de öyle. Heck, .org panosunda yaptığınız hemen hemen her şey bir şeyler değişene kadar JavaScript tarafından destekleniyor sunucuda ve kaydedilmesi gerekiyor.

Ancak bu bile yakında değişebilir… WP REST API sayesinde.

WP REST API + JavaScript Kitaplıkları = BFF

Muhtemelen şimdiye kadar WP REST API'sini duymuşsunuzdur. Özetle, PHP'ye güvenmek yerine JavaScript aracılığıyla sunucu istekleri yapmanız gerekmediğinden, WordPress JavaScript geliştirmesine bir ton hayat soluyor.

Evet, artık PHP ile uğraşmak zorunda kalmadan, yanıt süresini yavaşlatmadan ve işlevselliği sınırlamadan sitenizin arka ucuna önden doğrudan erişebilirsiniz. WPMU, kontrol etmeniz gereken REST API'sini kullanmanın bir dökümüne sahiptir.

JS ve REST ile o kadar çok şey yapabilirsiniz ki, düşünmek neredeyse korkutucu. React (ve özellikle React Native) kullanırken, WordPress veritabanını PHP'ye dokunmadan mobil uygulamanız için arka uç olarak kullanabilirsiniz. REST API aracılığıyla JSON aracılığıyla MySQL ile doğrudan etkileşim kurabilirsiniz.

Bir bakıma bu etkileşim, WordPress'in yukarıda bahsettiğimiz arka uç JavaScript çerçeveleri gibi çalışmasını sağlar ve herhangi bir aracı PHP olmadan uygulamanın yapısını ve veritabanı yönetimini sağlar. WP'nin böyle çalışması yeni bir şey değil – sonuçta bir CMS bunu yapar – ancak JavaScript kitaplıkları ve JSON ile uygulama ve entegrasyon

React Native bunu özellikle mobil uygulamalar için yapabiliyor olsa da, aynı şeyi yapmak için herhangi bir ön uç çerçeve veya kitaplık da kullanabilirsiniz – Vue.js ve Ember ve normal eski React (veya kötüyse Preact).

Ve gerçekten kötü biriyseniz, bu kitaplıklardan birini alabilir, sitenizi yapabilir ve bir web görünümüne sarmak ve REST API sayesinde bir App Store'a atmak için yeterince Swift of Java kullanabilirsiniz. Biraz çirkin, ama çalışması gerekiyor.

WordPress'in Geleceği

Matt, geçen yıl tüm WordPress geliştiricilerinin “JavaScript'i derinlemesine öğrenmesi” gerektiğini söyledi.

Hepimizin dinleme zamanı geldi sanırım. Dürüst olmak gerekirse, önce hangi JavaScript kitaplığını veya kitaplıklarını öğrenmeyi seçtiğiniz önemli değil. Bir veya iki kişinin WordPress ile nasıl çalıştığını ve etkileşime girdiğini öğrendikten sonra, JS ekosisteminin ve dolayısıyla WP'nin geleceğinin bir parçası olma yolundasınız demektir.

Eklentiniz için Divi veya Ninja Forms gibi harika bir müşteri deneyimi, kullanıcılarınızın hızlı ve sorunsuz güncellemelere ihtiyaç duyduğu harika bir web uygulaması veya arka uç veritabanı olarak yalnızca WordPress'i kullanan bir mobil uygulama yapmak istiyorsanız, JavaScript var. bunun için kütüphaneler var.

Creative Thoughts / Shutterstock.com'dan makale küçük resmi