Rapid Prototyping with Quokka.js

Quokka.js is a rapid prototyping playground for JavaScript and TypeScript. It runs your code immediately as you type and displays various execution results in your code editor.

Dalam menulis kode, entah untuk tujuan belajar, sekedar mencoba atau membuat prototype function, kita mungkin akan dihadapi dengan berkali-kali error, salah satu error yang biasa terjadi adalah salah menuliskan variable,atau lupa mendeklarasikan variable, dsb. Yang bikin males 😣 adalah, saat kita lagi nyoba script yang kita tulis, di console muncul notif seperti ini :

Uncaught ReferenceError: variable is not defined

Sangat menghabis banyak waktu tentunya bila hal ini terjadi terus menerus. Buka lagi editornya, simpan filenya, refresh browsernya. 😂

OpenEditor -> Save File -> Open Browser -> Refresh -> Infinity 😝

Quokka.js introduction

Dengan Quokka.js kita gak perlu lagi melakukan hal membosankan diatas, semuanya bisa dilakukan di dalam editor kita, alasan kenapa kita harus menggunakan Quokka.js adalah :

• GRATIS,
• Code yang kita tulis, akan di run secara instant, tanpa harus kita simpan dulu, dan output yang diberikan juga sangat jelas.
• Gak perlu konfirugasi macem-macem, walaupun kamu bisa menambahkan konfigurasi lain.
• Runs in node, supports Babel, React JSX and TypeScript, also browser environment via jsdom;
• Semua module atau file yang kita tulis, dapat kita import.
• Kita dapat membuat plugin tambahan untuk quokka.
• Banyak editor yang sudah di support

Enak toh? Selamat mencoba kawan, semoga artikel ini bermanfaat bagi teman-teman terimakasih. 😉