Skip to content
Wallaby v2 has been released! 🚀 Check it out.

Intro to Quokka

Quokka.js is a rapid prototyping playground in your editor, with access to your project’s files, inline reporting, code coverage and interactive output. Runtime values are updated and displayed in your editor next to your code, as you type.

Use Cases

Rapid Prototyping and Experimentation
  • Quickly test snippets of JavaScript or TypeScript without launching your application or leaving your editor.
  • Experiment with new APIs, libraries, or algorithms in a controlled, live environment.
  • Prototype and refine standalone functions.
  • Experiment with small performance optimizations and measure outcomes instantly.
Running Your Project’s Code
  • Test and debug code within the context of your project, with access to its modules, dependencies, and configurations.
  • Validate and debug pieces of logic or edge cases without leaving your editor, needing to set up a separate environment, or even launching your application.
Learning and Teaching
  • An excellent tool for learners to understand JavaScript/TypeScript behavior in real-time.
  • Verify how JavaScript features (like destructuring or closures) work in real-time.
  • Great for instructors and content creators to demonstrate code concepts interactively.

Real-time Test Runner

If you want to see instant feedback from your unit tests and all files of your project then definitely check out Wallaby.js. It runs your JavaScript and TypeScript tests immediately as you type, providing real-time feedback on test results, code coverage, and errors directly in your editor.

Logging In Running App

If you want to see console.log output and runtime errors directly in your editor from your running web or node application, then definitely check out Console Ninja. It’s like your browser dev tools console tab or terminal output from your node app, but right in your editor.

Editions

Quokka is available in two editions: Community and Pro.

  • Community Edition: Free to use and includes essential features for everyday development.
  • Pro Edition: A paid edition that offers advanced features for professional developers. Pro features in the docs are marked with a Pro Feature badge.