JavaScript derleme araçlarının geleceği

Bu ne?

JavaScript yazılımı oluşturmak, çok sayıda araç gerektiren bir işlemdir. Tarayıcılar JavaScript'i doğrudan tüketebilse de, genellikle geliştiricilerin yazılım oluşturmaya odaklanmasını sağlayan makineler vardır. Günümüzde kod büyük olasılıkla Microsoft tarafından oluşturulan ve tarayıcının (veya örneğin Node.js gibi diğer JavaScript çalışma zamanlarının ) ihtiyaç duyduğu JavaScript'e çevrilmesi gereken JavaScript'in bir üst kümesi olan TypeScript'te yazılmaktadır .

Kullanıcının tarayıcısına gönderilecek verilerin oluşturulmasını yöneten birkaç paket oluşturucu vardır. Ancak bu yazılım seti, mevcut birçok projede bulunabilecek oldukça yaygın araçlar olmasına rağmen sürekli olarak gelişmektedir.

Projeye bağlı olarak, araçlarınızı düzenli olarak yeniden gözden geçirmek ve piyasaya göz kulak olmak yararlı olabilir, çünkü birkaç yeni araç veya eski araçların değiştirilmesi hız ve geliştirici kolaylığı açısından gerçek faydalar sağlar.

• TypeScript artık o kadar yeni değil ve giderek daha fazla yazılım projesinde benimseniyor. Farklı paketlerde bile tip güvenliği sağlar ve üretimde bunlarla karşılaşmak yerine programlama yaparken hata yapmayı önlemenizi sağlar. Bu, hem yazılım yazarken hem de onu JavaScript'e işlerken ek yük getirir.
• Tarayıcı uygulama kodunuz — TypeScript, JavaScript, HTML, (önceden işlenmiş) CSS, varlıklar vb. olabilir, dağıtılması için paketlenmesi gerekir. webpack , Rollup , Parcel ve diğerleri gibi araçlar bu işi yapar.
• Sunucu tarafı uygulamanız için, yazılımınızı çalıştırmak üzere Node.js gibi bir çalıştırma ortamına ihtiyacınız vardır.

Hız açısından esbuild , projelerimizde gerçek bir oyun değiştiriciydi. Örneğin mevcut web paketi kurulumlarında babel-loader'ın yerini alan bir loader olarak kullanılabilir. Genellikle, kodunuzda yalnızca küçük ayarlamalar yapılması gerekir ve projelerimizde %50 ve daha fazla hız iyileştirmeleri gördük.

Ancak esbuild, çalışma zamanı için kod hazırlamak üzere bağımsız olarak da kullanılabilir. Esbuild , onu süper hızlı yapan yerel koda derlenmiş Go'da yazılmıştır .

İşte dikkat etmeniz gereken bazı araçlar:

• Parcel CSS : Yüksek hız vaat eden CSS Ayrıştırıcı, derleyici ve küçültücü ( Rust'ta yazıldığı gibi )
• Vite.js : Kaputun altında esbuild hızında ön uç takımlama ve paketleme. Ecmascript modüllerine dayanır ve en başından itibaren iyi bir geliştirme deneyimi sağlamak için yoğun bir şekilde düşünülür.
• Bun : En yeni JavaScript çalışma zamanı. Süper hızlı olduğunu iddia ediyor ve gruplama, aktarma (ayrıca TypeScript) yeteneklerine sahip kutudan çıktığı gibi ve npm ile elde ettiğiniz şeyleri doğrudan fırına veriyor. İlginç bir şekilde Zig dilinde yazılmış ve logosu olarak bir hamur tatlısı var .

Neden tavsiye ediyoruz?

Oluşturulacak uygulama için istikrarlı ve iyi test edilmiş bir platform sağlamak önemli olsa da, özellikle JavaScript dünyasında işler yüksek hızda gelişiyor. Tüm yeni şeyleri takip etmek zordur ve birçok yeni proje gelecekte düşük destekten zarar görecektir. Diğerleri kalmak ve daha iyi gelişen bir iş akışına geçişe izin vermek için buradalar (yukarıda bahsedildiği gibi: TypeScript, esbuild-loader).

Aldığınız riski kontrol edebilmeniz için her zaman iyi test edilmiş araçlar ve son teknoloji yazılımların bir karışımını kullanmanızı öneririz. Geliştirici için sunulan araçlar, yeni yazılım ürünleri oluştururken bazen sıkıcı görevler için daha kolay bir başlangıç ​​ve yüksek hız sağlar.

Yazar: Dirk Weber
Çizimler: Kai Sinzinger

Bu makale #24TechBites adlı bir dizinin parçasıdır. Noel'e kadar kalan süreyi tatlandırmak için, sizi güncel teknolojiler hakkında bilgilendirmeyi, size ilham vermeyi veya yazılım trendleri hakkında fikir sahibi bir inceleme sunmayı amaçlıyoruz - bunların tümü Alman "Adventskalender" geleneğinde 24 küçük günlük sürpriz şeklinde.

Diğer tüm #TechBites'in tadını çıkarmak ve bizim hakkımızda ve Noel takvimimiz hakkında daha fazla bilgi edinmek için #24TechBites'a tıklayın !

Hakkında

Büro am Draht , Berlin merkezli bir danışmanlık şirketidir ve müşterilerimizin bugünün iş gereksinimlerini desteklemek için esnek ve uyarlanabilir dijital platformlar oluşturmasına ve hatta yarının henüz öngörmeyebileceğimiz iş modellerini başlatmasına yardımcı olur. Bu nedenle, dijital stratejiden çözüm tasarımına ve geliştirmeye ve operasyonel desteğe kadar dijital dönüşüm sürecinin her aşamasında yakın işbirliği içinde çalışıyoruz.

Çok yönlü ve ölçeklenebilir çözümler geliştirmeye yönelik çevik yaklaşımımız, müşterilerimizin sürekli olarak ilgi çekici ve kişiselleştirilmiş müşteri deneyimleri sunmalarını sağlar. Sektörlerdeki şirketlere nasıl yardımcı olduğumuz hakkında daha fazla bilgi edinmek için şu adresi ziyaret edin:

dasburo.com
LinkedIn