2017'de İzlemek için 12 JavaScript Kütüphanesi
Orada yüzlerce ücretsiz JS kütüphanesi ile enerjinizi nereye koymanız gerektiğini bilmek zor. Bazıları atılır veya yeni projelere çatallanırken, diğerleri hızla büyür ve geniş çapta benimsenir.
Çoğu geliştirici, jQuery ve React gibi büyük isimleri zaten biliyor. Fakat bu yazıda daha az bilinen ancak hızla yükselen on iki alternatif JS kütüphanesini tanıtmak istiyorum.
1) D3.js
Büyük veri büyüyen bir endüstridir ve veri goruntuleme hızla sadece kadar önemli hale geliyor. Orada tonlarca haritalama ve haritalama kütüphanesi var, ancak çok azı d3.js . Bu JS kütüphanesi, web'de grafikler, grafikler ve dinamik görselleştirmeler oluşturmak için SVG ve tuval öğeleriyle çalışır.
Kullanımı tamamen ücretsizdir ve JavaScript üzerinde oluşturulmuş en güçlü görselleştirme araçlarından biridir. Verileri tarayıcıda işlemek için modern bir yol arıyorsanız, ne sunduğunu görmek için bu kitaplıkta bir göz atmanızı tavsiye ederim.
2) Node.js
Birçok devin işitildiğini biliyorum. düğüm her zaman. Ama gerçekten en hızlı büyüyen JS kütüphanesi ve dev bir ortamdan çok daha fazlasını sunuyor. NPM ile tüm projeleriniz için yerel paketleri doğrudan komut satırından yönetebilirsiniz.
Bu, Düğüm, Gulp gibi diğer araçlarla iyi çalışan bir tam geliştirme araç takımı yapar. Ayrıca, Node üzerinde düzinelerce ilgili açık kaynaklı proje oluşturulmuştur, böylece birim testiyle çalışabilirsiniz. Mocha.js veya bir ön uç arayüzü ile Sails.js çerçeve.
Henüz Node'yi denemediyseniz, ne kadar eksik olduğunuzu görünce şaşırmış olabilirsiniz.
3) Riot.js
Sanal DOM oluşturma ve özel öğeler React kitaplığını çöp kutusuna yerleştirir. Ön uç geliştirme için güçlü bir dijital arayüz kütüphanesi isteyen tüm profesyonellerin tercihi haline gelmiştir.
Fakat Riot.js React'a güzel bir alternatif sunan sağlam bir kavga koyuyor. Riot framework'ü kullanarak hala sanal bir DOM'a erişebilirsiniz, ancak daha basit sözdizimi gereksinimlerini kontrol etmek daha kolaydır. Ne yazık ki bu kütüphane React kadar büyük değil ve Facebook tarafından desteklenmiyor, bu yüzden büyük bir topluluğa sahip olmayacaksınız. Ama bu sağlıklı bir alternatif ve ön uç alanda iyi bir rakip.
4) Create.js
Web animasyonundan dijital ortama kadar her şeyle çalışabilirsiniz. CreateJS . Bu tek bir kütüphane değil, farklı amaçlar için inşa edilmiş bir kütüphane paketi. Örneğin, Easel.js HTML5 tuval öğeleriyle çalışır; Tweet.js ise web için özel arası doldurma ve animasyonlar oluşturmanıza yardımcı olur.
Bu koleksiyondaki her kütüphane farklı bir amaca hizmet eder ve tüm önemli tarayıcılar için modern özellikler sunar. Ancak, bu kütüphanelerin çoğu, özel web sitelerinde en iyi şekilde kullanıldıkları için özelleşmiş özelliklerle birlikte yardımcı olurlar. Merak ediyorsan, o zaman JS sitesi oluştur neler sunduğunu görmek için.
5) Keystone.js
Daha önce, Node.js'den bahsettim ve bunun üzerine ne kadar çok kütüphane inşa edildiğini anlattım. Keystone.js Tam ölçekli bir CMS motoru sunarak Düğümün ötesine giden harika bir örnektir.
Keystone ile inşa edebilirsiniz ORTA webapps Arka uçta Node / Express ve MongoDB tarafından desteklenmektedir. Keystone.js tamamen ücretsizdir ancak yine de çok yenidir. Bu yazının yazıldığı sırada sadece v0.3'te profesyonel kullanım için uzun bir yol var.
Ama eğer saf bir JavaScript CMS tarafından gıdıklanırsa, o zaman kontrol edin ve ne düşündüğünüzü görün.
6) Vue.js
Ön uç çerçeveler dünyasında genellikle iki belirgin seçenek bulacaksınız: Açısal ve Ember. Fakat Vue.js başka bir popüler seçimdir ve bu yana hızla daha fazla dikkat çekiyor v2.0 sürümü .
Vue bir MVVM önyüz JavaScript çerçevesidir, bu yüzden tipik MVC mimarisinden uzaklaşır. Öğrenmek zor, ancak sözdiziminin her şeyin nasıl çalıştığını anlamanız basit. Ön uç çerçevelerin savaşında kesinlikle uygun bir seçimdir ve önümüzdeki birkaç yıl içinde bu konuya yakından bakmaya değer.
7) Meteor
Herhangi bir platformu Meteor çerçevesi harika sonuçlarla. Bu açık kaynak projesi, geliştiricilerin gerçek zamanlı sohbet uygulamaları veya sosyal topluluklar veya özel kontrol panelleri olsun, JS destekli uygulamaları oluşturmasına yardımcı olur.
Hatta bir sosyal haber çerçevesi bile var Teleskop Meteor üstüne inşa edilmiştir. Bu, Meteor ve React'ta sıfırdan çalışan bir sosyal haber / sosyal oylama sitesi oluşturmanızı sağlar.
Meteor, birçok özelliğe sahip bir kütüphanenin canavarıdır, ancak öğrenmesi kolay değildir. Ancak eğlenceli ve yetenekli JS geliştiricileri bu platformla neredeyse her şeyi inşa edebilir.
8) Chart.js
İle Chart.js JavaScript ve tuval API'sini kullanarak çubuk grafikleri, çizgi grafikleri, kabarcık grafikleri ve diğer birçok benzer özelliği oluşturabilirsiniz. Bu, veri grafikleri için en basit JS kitaplıklarından biridir ve animasyonlar için yerleşik seçeneklerle birlikte gelir.
Bu, veri grafikleri için önerdiğim birkaç kütüphaneden bir tanesidir, çünkü kurulumu kolaydır, özelleştirmesi kolaydır ve en iyileriyle birlikte gelir. belgeleme herhangi bir açık kaynak projesinin.
9) WebVR
Sanal gerçeklik, yeni projelere ve heyecanlı geliştiricilere VR projelerinde yorulmadan çalışarak dünyayı fırtına gibi görüyor gibi görünüyor. Bu yüzden bulamıyorum ki şaşırmadım. WebVR , tarayıcınızda VR için hazırlanmış yeni bir JavaScript API'sı.
Bu, Oculus Rift ve Vive gibi en popüler cihazlardan çalışır ancak şu anda geliştirme aşamasındadır. API açık kaynaklıdır ve VR cihazlarında nasıl çalıştığını ölçmek için sürekli olarak modern tarayıcılara karşı test edilmiştir.
Daha fazlasını öğrenmek için meraklıysanız veya projeye katılmayı düşünüyorsanız resmi site ya da ziyaret edin MozVR sayfası daha fazla bilgi için.
10) Üç.js
Bugüne kadar 1980'lere kadar uzanan 3D animasyonun ne kadar büyüdüğünü görmek çılgınca. Hepimiz 3D animasyon filmleri biliyoruz, ancak web animasyonu hala yeni bir sınır. Ve şükürler olsun gibi kütüphanelerimiz var Three.js Web'de 3D animasyon için bir yolun aydınlatılması.
Ana sitede, üç adet hareketli Star.js eylemi bulacaksınız. Harekete duyarlı arka planlar, özel 3D web grafikleri ve 3D animasyon efektleri kullanan dinamik arayüz öğeleri oluşturabilirsiniz. Yeterli sabrınız varsa ve sürerseniz, bu kütüphaneyle herhangi bir 3D efekt oluşturabilirsiniz. Web üzerinde 3D hareket için en iyi kaynaktır ve ile birlikte gelir çok sayıda örnek Başlamak için.
11) Omniscient.js
JavaScript ile fonksiyonel programlama yeni bir şey değil. Ancak web'de oldukça yeni ve kütüphaneler gibi artık çok daha yaygın. Omniscient.js . Bu ücretsiz açık kaynak kitaplığı, tüm ön uç bileşenleri için yukarıdan aşağı oluşturma işlemiyle görünümleri ele alır. Fonksiyonel JS kodunu sıfırdan yazabilir ve React gibi mevcut UI kütüphaneleriyle çalışabilirsiniz.
Bu kütüphaneyi özellikle daha yumuşak bir geliştirme süreci isteyen deneyimli geliştiricilere tavsiye ediyorum. Yeni başlayanlar için karmaşık bir konudur, ancak Omniscient, React bileşenleri ile koordinasyon halinde kullanıldığında dev iş akışınızı kökten değiştirebilir.
12) Ractive.js
Kalandan farklı bir UI kütüphanesi arıyorsanız düşünüyorum Ractive.js Kalıba iyi uyuyor. Şablon öğeleri ve veriler için iki yönlü olarak bağlanır, böylece JavaScript'teki Ractive işlevlerine bağlanan öğeler içeren şablonlar oluşturabilirsiniz.
Bu oldukça yoğun bir kütüphane ama yeni başlayanlar için en yumuşak öğrenme eğrilerinden birini sunuyor. React kadar ayrıntılı değildir ve JS ve HTML'de çok farklı bir sözdizimi kullanır. Ziyaret et Ana site daha fazla bilgi edinmek ve örnekler sayfası Ractive ile neler olduğunu görmek için.
Bu yayındaki tüm kitaplıklar, JS topluluğunu sunmak için benzersiz bir şeye sahiptir. JavaScript'le tinkering yapmaktan hoşlanıyorsanız, buradaki her kitaplığın üzerine bir göz atın ve web dev projelerinize neler sunabileceğini görün.