Halo para tutorseekers MIPDEVP kembali lagi nih. Kali ini perduniaan javascript kembali muncul framework baru, hadeh lagi-lagi javascript memang js never die dahh hahaha. Yup kita mau berkenalan dengan "QWIK". Apa itu "Qwik"? langsung kita bahas aja..

Apa itu QWIK?

Qwik atau quick (cepattt) merupakan framework javascript yang mengusung konsep baru HTML-first framework yang dapat menyajikan suatu aplikasi web dengan cepat dan performa yang konsisten, menurut laman github QWIK dengan konsep HTML-first framework pun diklam sangat cepat karena memungkinkan laman yang sepenuhnya interaktif untuk memuat dengan hampir tidak ada JavaScript yang dipanggil, yang artinya framework ini hanya memuat js yang diperlukan saja pada saat user berinteraksi dengan web app saja, seperti Lazy Load namun dibawa ke level yang lebih tinggi. Hal ini yang membuat QWIK berbeda dari framework lain.

Setelah melalui 2 tahun pengembangan akhirnya framework ini melalui tahap beta produksi dengan fitur yang cukup lengkap, API yang stabil, dokumentasi yang jelas dan tidak banyak blok issue. Diusianya yang terbilang sangat muda, apa saja solusi yang dapat dipecahkan oleh framework ini?

Masalah

Dengan berkembangnya Framework JavaScript, sebuah Modern website sekarang membutuhkan sejumlah besar JavaScript untuk menjadikan laman lebih interaktif. Sialnya, semakin aplikasi web bertumbuh, semakin kompleks yang pada akhirnya membutuhkan lebih banyak kode yang berdampak buruk terhadap performa ketika aplikasi web pertama kali memuat. Hal ini dapat memiliki dua dampak utama pada laman web, yaitu:

• Network Bandwidth: semakin banyak kode JS tentunya akan berdampak pada pengunduhan asset JS ke browser atau perangkat klien menjadi semakin lama.
• Startup Time: Waktu mulai aplikasi web terpengaruh karena seluruh kode JS perlu dijalankan sebagai bagian dari hydration setiap kali halaman dimuat.

Yang dihadirkan QWIK

• Instant load: Tak seperti framwork lain, hal baru yang diciptakan oleh tim Qwik untuk memberikan 0 hidrasi. Ini memungkinkan aplikasi Qwik memiliki interaktivitas pemuatan yang instan, terlepas dari ukuran aplikasi atau kompleksitasnya. Ini berarti aplikasi akan dimuat secara instan tanpa jeda di jaringan apa pun.
• Performance: QWIK dapat membuat HTML murni, dan memuat JS secara bertahap sesuai kebutuhan. Ini berarti, laman memiliki JavaScript yang sangat sedikit untuk dieksekusi saat memuat dan mengunduh kode hanya pada interaksi saja. Inilah mengapan menjadikannya HTML-first framework.

gimana, tertarik?

Memulai Menggunakan QWIK

Prasyarat

• Node.js v14 atau diatasnya
• IDE (VSCode recommended)

Membuat aplikasi menggunakan CLI

Langkah 1

Run Qwick CLI di terminal.

npm create qwik@latest

Langkah 2

Setelah setup berhasil, Anda akan mendapatkan output seperti di bawah ini.

💫 Let's create a Qwik app 💫

✔ Project name … qwik-app
✔ Select a starter › Basic

🦄  Success!  Project created in portfolio directory

🐰 Next steps:
   cd qwik-app
   npm install
   npm start

💬 Questions? Start the conversation at:
   https://qwik.builder.io/chat
   https://twitter.com/QwikDev

📺 Presentations, Podcasts and Videos:
   https://qwik.builder.io/media/

Langkah 3

# berpindah direktori ke qwik-app
cd qwik-app
# install modul NPM
npm install
# jalankan di dev server
npm start

Server berjalan dengan aplikasi

VITE v3.1.1  ready in 140 ms

➜  Local:   http://localhost:5174/
➜  Network: use --host to expose

QWIK sudah berjalan, kunjungi http://localhost:5174/ dan silahkan berkreasi secara cepat melalui QWIK wuzzzzzz...

Sekian dari MIPDEVP, Terimakasih, arigatouu :)