Masa depan alat pembuatan JavaScript

Apa itu?

Membuat perangkat lunak JavaScript adalah proses yang membutuhkan banyak alat. Meskipun browser dapat secara langsung menggunakan JavaScript, biasanya ada mesin yang memungkinkan pengembang untuk fokus pada pembuatan perangkat lunak. Saat ini, kode kemungkinan besar ditulis dalam TypeScript , superset JavaScript yang dibuat oleh Microsoft yang perlu diterjemahkan ke JavaScript yang dibutuhkan browser (atau runtime JavaScript lainnya , seperti misalnya Node.js ).

Ada beberapa bundler yang mengatur pembuatan data untuk dikirim ke browser pengguna. Tetapi rangkaian perangkat lunak ini terus berkembang, meskipun ada alat yang cukup umum ditemukan di banyak proyek saat ini.

Bergantung pada proyeknya, mungkin berguna untuk mempertimbangkan kembali alat Anda secara teratur dan mengawasi pasar karena beberapa alat baru atau pengganti yang lama memberikan manfaat nyata dalam hal kecepatan dan keramahan pengembang.

• TypeScript tidak lagi baru dan diadopsi di lebih banyak proyek perangkat lunak. Ini memberikan keamanan jenis bahkan di seluruh paket yang berbeda dan memungkinkan Anda mencegah kesalahan saat Anda memprogram alih-alih mengalaminya dalam produksi. Itu datang dengan overhead baik saat menulis perangkat lunak dan saat memprosesnya ke JavaScript.
• Kode aplikasi browser Anda — mungkin itu TypeScript, JavaScript, HTML, CSS (diproses sebelumnya), aset, dan sebagainya perlu dikemas untuk diterapkan. Alat seperti webpack , Rollup , Parcel , dan lainnya melakukan pekerjaan ini.
• Untuk aplikasi sisi server Anda, Anda memerlukan lingkungan runtime seperti Node.js untuk menjalankan perangkat lunak Anda.

Dalam hal kecepatan, esbuild adalah pengubah permainan nyata dalam proyek kami. Mungkin digunakan misalnya dalam pengaturan webpack yang ada sebagai loader yang menggantikan babel-loader. Biasanya, hanya sedikit penyesuaian yang diperlukan dalam kode Anda dan kami melihat peningkatan kecepatan sebesar 50% dan lebih dalam proyek kami.

Tetapi esbuild juga dapat digunakan secara mandiri untuk menyiapkan kode untuk runtime. Esbuild ditulis dalam Go yang dikompilasi ke kode asli yang membuatnya super cepat.

Berikut adalah beberapa alat yang harus diperhatikan:

• Parcel CSS : CSS Parser, compiler, dan minifier, yang menjanjikan kecepatan tinggi (seperti yang tertulis di Rust )
• Vite.js : Tooling dan bundling frontend dengan kecepatan esbuild di bawah tenda. Itu bergantung pada modul Ecmascript dan sangat beropini untuk memberikan pengalaman pengembangan yang baik sejak awal.
• Bun : Runtime JavaScript terbaru. Mengklaim super cepat dan out of the box dilengkapi dengan kemampuan bundling, transpiling (juga TypeScript), dan memiliki hal-hal yang Anda dapatkan dengan npm langsung dipanggang. Menariknya itu ditulis dalam Zig dan memiliki pangsit sebagai logonya .

Mengapa kami merekomendasikannya?

Meskipun penting untuk menyediakan platform yang stabil dan teruji dengan baik untuk membangun aplikasi, hal-hal terutama di dunia JavaScript berkembang dengan kecepatan tinggi. Sulit untuk melacak semua hal baru, dan banyak proyek baru akan menderita karena dukungan yang rendah di masa depan. Lainnya ada di sini untuk tetap dan memungkinkan migrasi ke alur kerja yang berkembang lebih baik (seperti yang disebutkan di atas: TypeScript, esbuild-loader).

Kami selalu menganjurkan untuk menggunakan campuran alat yang teruji dengan baik dan perangkat lunak canggih, sehingga Anda dapat mengontrol risiko yang Anda ambil. Untuk pengembang, alat yang disajikan memberikan awal yang lebih mudah dan kecepatan tinggi untuk tugas yang terkadang membosankan saat membuat produk perangkat lunak baru.

Penulis: Dirk Weber
Ilustrasi: Kai Sinzinger

Artikel ini adalah bagian dari seri yang disebut #24TechBites. Untuk mempermanis sisa waktu hingga Natal, kami bertujuan untuk memberi tahu Anda tentang teknologi saat ini, menginspirasi Anda, atau memberi Anda ulasan tentang tren perangkat lunak - semuanya dalam bentuk 24 kejutan kecil setiap hari dalam tradisi "Adventskalender" Jerman.

Untuk menikmati semua #TechBites lainnya dan mencari tahu lebih banyak tentang kami dan kalender advent kami, klik #24TechBites !

Tentang

Büro am Draht adalah konsultan berbasis di Berlin yang membantu klien kami membangun platform digital yang tangguh dan mudah beradaptasi untuk mendukung kebutuhan bisnis saat ini dan bahkan meluncurkan model bisnis masa depan yang mungkin belum kami duga sebelumnya. Oleh karena itu, kami bekerja sama secara erat di setiap tahap proses transformasi digital — mulai dari strategi digital hingga desain & pengembangan solusi hingga dukungan operasional.

Pendekatan tangkas kami untuk mengembangkan solusi serbaguna dan terukur memastikan bahwa klien kami secara konsisten memberikan pengalaman pelanggan yang menarik dan personal. Untuk mempelajari lebih lanjut tentang bagaimana kami membantu perusahaan lintas industri, kunjungi:

dasburo.com
LinkedIn