En İyi JavaScript Çerçevesi (benim için): ReactJ’leri öğrenmek beklenenden daha iyidir
WordPress geliştiricileri resmi olarak JavaScript’i incelemelidir. Bu sadece Matt’in bir ödevi olduğu için değil: yangın dinlenme çekirdeğinde çalıştığı için ve şimdi daha yumuşak bir eklenti arayüzü oluşturmaktan WordPress’i web ve hücresel uygulamalar için arka uç olarak kullanmaya başlayan her şeyi yapabiliriz. Ama bunu yapmak için JavaScript’e ihtiyacımız var. JavaScript çerçeve zamanının biraz daha spesifik olma zamanı, bir JavaScript çerçevesine ihtiyacımız var: kurallara uyursak JavaScript ile inanılmaz şeyler yapmamıza izin veren çok zeki bir grup insan tarafından yazılmış organize kod toplama.
Javascript’te nispeten yeni iseniz, benim gibi, JQuery muhtemelen kullandığınız JavaScript çerçevesine en yakın olanıdır. JQuery aslında bir kütüphane olmasına rağmen, bir çerçeve değil, aynı “JavaScript Plus Super Güç” anlayışını verir. JavaScript’te daha deneyimli iseniz, orada daha popüler olan yüzlerce JavaScript çerçevesine alışkın olmalısınız: Angular, Kovalar, React, Vue ve Omurga gibi isimler. Daha statik bir web sitesinden daha yüksek bir etkileşim seviyesinin üzerinde oluşturulmuş web uygulamaları geliştirmek için en önemli JavaScript çerçevesi. JavaScript çerçevesi, SoundCloud gibi her zaman dilimi ve dev uygulamalar gibi nispeten basit uygulamaların arkasındadır ve altta yatan veriler değiştiğinde uygulama parçaları arasında mideden başlayan her şeyi uygulama parçaları arasında canlandırıcı görünüme kadar kullanır.
Şimdi bu bir sonraki soru: JavaScript’e yeni giren biri için en iyisi JavaScript çerçevesi hangisi? JavaScript ekosisteminin iki karmaşık özelliğini göstermeme izin verin: Bu çok büyük ve tertomize, önerilen teknoloji (görev koşucularından paket yöneticilerine, aktarıcılara kadar) herhangi bir çerçeve seçeneklerini tamamlamak için çalışıyor
Bu çok köpüklü, aylık zaman ölçeğinde yukarı ve aşağı gitme çerçevesi ile
Bu makalenin geri kalanı, benim için – eğitimli kalmak için çalışan JS’yi gerçekten anlamayan WordPress geliştiricilerinin neden ilerleme için en iyi JavaScript çerçevesi olduğunu ve neden seçimimden memnun olduğumu anlatacak.
Reactjs nedir? ReactJS, Facebook tarafından başlangıçta Facebook ve Instagram’da dahili kullanım ve daha sonra açık kaynak için inşa edilen kullanıcı arayüzleri oluşturmak için bir çerçevedir. React hızla popülerlik kazandı ve 2016’da JavaScript ısı yığınlarının zirvesinde olabilir. Doğru olmayabilir (orada hiç kimse uzun süre yaşamıyor), ancak yine de sağlıklı ve hala aktif gelişmede. Yalnızca varsayılan ekran (ve neden iyi bir şey) Varsayılan olarak, React yalnızca verilerin görüntülemesini işler. WordPress’i genellikle arka uç olarak kullanan WordPress geliştiricileri için mükemmel hale getirebilir.
Diğer çerçevelerin aksine, tepki verilen şekilde yalnızca verileri görüntüler. Verilerinizi sizin için saklamaz veya uygulamanızın değiştirilmesini veya güncellenmesini teşvik eden temel veriler için doğrudan varsayılan yöntemi verir. Örneğin, tarif uygulamasında React, belki de API dinlenmesinin bitiş noktası olarak verilen tariflerin bir listesini kolayca görüntüleyebilir; Ancak bu, kendi başına, liste için veri depoladığınız bir yeri olmayacak veya depolanan ve verilen birçok tarifle “Hesabım” sayfası için bir makineye sahip olmayacak. Başka bir deyişle, varsayılan olarak reaksiyon, JavaScript’in çoğunu tanımlayan model-görünüm kontrol sisteminde (veya MVC veya MV*) yalnızca bir katman görünümüdür. Deneyimlerime göre, bu öğrenmeyi nispeten kolaylaştırır, çünkü siz Sistemin temel verilerin düzenlenmesi ve manipülasyonu ile ilgili diğer doğrudan yükleri olmadan tarayıcıda veri getirmenin yeni yollarını öğrenin. . Bu aynı zamanda WordPress geliştiricileri için reaksiyonu mükemmel bir potansiyel haline getiriyor, çünkü birçok projede arka uç seçimimizi getiriyoruz – WordPress’in kendisi, API’nın son noktasında veri sunuyoruz – adımız. Ayrıca, anlamadığım diğer araçlarla, özellikle Redux, React daha eksiksiz modelleme ve durum manipülasyonuna sahip olabilir. Bu nedenle, bazı bitişik araçlarla reaksiyon gerçekten tam bir çerçeve olabilir; Birden fazla görünüm katmanı olabilir, ancak böyle olmak zorunda değildir.
Reactjs’i ilginç kılan nedir? Şimdi ReactJS’nin ne olduğu hakkında biraz söyledik, neden ilginç olduğu hakkında konuşalım – özellikle “diğer teknolojilere dayanmak için iyi olan geliştiricilerin” oldukça yaygın bir profili olarak inandığım şey için. 1. Büyük, popüler, popüler ve istikrarlı reactjs Altı ay içinde kaybolmayacak iyi belgelere sahip teknoloji arıyorsanız, ReactJS’in yapacak çok şeyi vardır: React Facebook tarafından kararlı olarak yönetilir. React, Facebook’un onu desteklemeye önem verdiği sürece yaşayacak, bu da uzun zaman alacak. Diğer JavaScript çalışma çerçevesi, geliştirici topluluğunun – WordPress gibi açık kaynaklı toplulukların istekleri nedeniyle dramatik bir şekilde ölebilir veya değişebilir, ancak çok daha kısa bir aralığa sahip dikkat. Örneğin durumlar: AngularJ’leri incelemeyi düşünüyorum, ancak açısal 2 çıkışını ve ihlal değişikliklerini de temsil eden çok sayıda iyileştirme nedeniyle Angular 1’den çok farklı. Bu, açısal girmeyi ve incelemeyi neredeyse imkansız hale getirir, çünkü bu, açısal – taşma gönderimi, video öğreticileri vb. İçin en eski ve en iyi belgelerin herkesin yanlış olacağı anlamına gelir, çünkü eski açısal tadı ifade eder. Ayrıca, her iki yılda bir, meydana gelebilecek değişiklikler kadar iyi bir şekilde çalıştırmak istediğim bir şeye yatırım yapmak istemiyorum.
Tersine, React Facebook tarafından istikrarlı bir şekilde test edilir ve bu şirket sponsoru, Facebook’un yapması gereken sürece React’in destekleneceği anlamına gelir-ortalama olarak bir grup gönüllünün ne kadar süreceğinden çok daha uzun olacaktır. Özellikle fikir hype yığınının zirvesinden kaydırıldığında kendi fikirlerini aktif olarak geliştirebilir. React belgeleri çok iyi. React, yaşam döngüsünün güzel kısmında çok sıcak ve kısaca aynı zamanda. Sonuç olarak, React’te, Cevapları Google Arama aracılığıyla kolayca bulamadığım sorularım olmadı. Facebook’un kendisinin ana belgeleri de olağanüstü-ki, bir kez daha, kısmen dindar olmayan zengin şirketler tarafından sponsorlarından kaynaklanan iyi sağlıktan bahsediyorum. Bir örnek olarak, Vuej’leri incelemeyi düşüneceğim- En sıcak olabilir -nabora olabilir, ancak belgelerin hayatta kalmayacağından endişeliyim ve bu çok tamamlayıcı bir incelemede bile kanıtlanmıştır: “Ne yazık ki, mevcut kaynakların yakınında [VUE için] yer yok çünkü React için var, Açısal, kova, elm, omurga … bunun ne anlama geldiğini anlıyorsunuz. ” 2. ReactJS, ultra-dedar ReactJS öğrenmek için yeterince basittir ve üç ana kavramın çoğu gibi hisseder: durum, sahne ve oluşturma işlevleri (). Konuyla ilgili wpsoour makaleleri yazarken Ultra-Dedar React’i öğrendim-bu da birkaç saatten fazla hayal kırıklığı anlamına gelmez.
Deneyimlerime göre en büyük ilk hayal kırıklığı, makalede manuel olarak yer alan tüm JavaScript dosyalarını girmektir. Babylon’un ne yaptığını tam olarak anlamıyorum ve diğerlerini dikkate alıyor. Ana react.js dışında JS dosyaları isteğe bağlı. Böyle değil. Ancak, orada olduğunuzda, üç ana kavramınız olabilir: durum, sahne ve oluşturma işlevleri (). Her birini açıklayan olağanüstü bir gösteri var ve “durumun en üst düzey bileşende olması ve sahne olarak daha düşük seviyeli bir bileşene akması gerektiği” fikrini aldıktan sonra, her şey mantıklı. Bunu, iki yönlü verileri bağlama konusuna girdikten sonra “hokey çubukları” açısal (özellikle 1) zorluğu ile karşılaştırın ve React’in daha yumuşak bir I-dar zorluk eğrisi ve birçok ana alternatiften daha az olduğunu iddia edeceğim. Ve elbette, ne yaptığımı gerçekten bilmeden önce her zaman öğrenecek daha çok şey var. Neyse ki, hepsi Redux gibi bağımsız bileşenler şeklinde. Ülkeyi daha akıllıca yönetmek istedikten sonra Redux’u öğrenebileceğim;
Bu, daha büyük bir çerçevenin birçok temel kavramı gibi her şeyi yapmayı öğrenmem gereken bir şey değil. 2. ReactJS, orijinal iOS ve Android uygulamalarını (!) Yeterince React ile oluşturmanıza olanak tanır, ReactJS aynı zamanda React Native aracılığıyla bir hücresel uygulama geliştiricisi olma yolunuzdur. Sonuna en çılgın kısmı kurtardım: ReactJS aynı zamanda React Native ile gerçek bir hücresel uygulama geliştiricisi olma yolunuz. Bunu kendim doğruladım: Cep telefonumda, React aracılığıyla birkaç saat içinde yazdığım bir Android uygulamam var. Bir iPhone sürümü yapacağım – neredeyse tamamen aynı olan bir ReactJS kodu kullanarak – iOS SDK’yı indirmek için erkek arkadaşımın Mac’inden yeterince yer silebildiğim anda. Konu hakkında: Bir öneri olarak, Windows makinelerinde React Native kullanmaya çalışmayın. Hazırlık adımları çok sinirlidir ve Apple’ın küçük bir kilitlenmesi sayesinde iOS uygulamasını PC’de geliştiremezsiniz. Bu, MAC ile kendinizi şımartmak için doğru zaman olacak. Açıkçası, “bu için bu” yazılım projesi