Quokka.js allows you to quickly prototype JavaScript and TypeScript code using a developer productivity tool. As you type, runtime values are displayed next to your code in your IDE.
Quokka makes it easy to prototyping, learn, and test JavaScript / TypeScript lightning fast. No configuration is required by default. Open a Quokka file to start experimenting. To learn a new feature or try a simple idea, focus on writing code and not creating bespoke configuration files.
Quokka runs your code in VS Code or WebStorm. This allows you to avoid context switching and still enjoy your familiar editor and its extensions. You can also import or run modules and files from your project.
The Quokka "Community" edition is available for free to everyone. It's brought to you by the Wallaby.js Team. Our team is faced with thousands of complex situations while working on Wallaby.js. These include instrumentation and execution of JavaScript codes. Quokka is a similar technology to Wallaby.js and makes years of research and development free.
The 'Pro' commercial edition offers various advanced features, such as the ability to display and explore runtime value without needing to modify your code. Wallaby.js is for you if you are a true JavaScript ninja who wants the same live editing experience when writing unit tests.
Code runs immediately as you type on unsaved changes; there is no need to switch context manually. Error messages are displayed right next to the code that caused them. Console logs and identifier expression values are displayed inline as well.
Indicators in the gutter of your code editor are constantly updated in real-time to display code coverage so you can quickly see which lines of code are the source of an error, which are fully covered, only partially covered, or not covered at all.
Value Explorer allows non-primitive runtime values to be viewed and explored in an easy-to-navigate real-time treeview. This feature is great for exploring larger objects and makes debugging easier and faster. Opened paths/values can be copied directly to the clipboard.
Show and copy expression values by selecting them in your editor or with editor commands, accessible using keyboard shortcuts. A special comment format can also be used to evaluate any expressions and includes the ability to measure code execution times.
Import any files from your project into your Quokka file. Quokka will watch project files for changes and automatically update when dependent files change. Babel or TypeScript may be used for imported files compilation.
CPU Profiler allows you to quickly record the CPU usage profile of your code to analyze its runtime performance. Any links that are provided that reference your project files will be opened in your editor when you click them.
Quickly install any node package without switching away from your editor and without having to type the package name. When installing, choose whether to install just for the active Quokka session or for your entire project.
