Intro
Recently, I got a license from Luke Haas to explore RunJS, and I'm impressed with some of the features. I've been putting it to the test and integrating it into my workflow. It's worth mentioning that there is a free version with core functionality, and the license gives you lifetime access (with updates for 1 year), which is rare these days. In this post, I'll be sharing my experience with RunJS and how it's helping me in my daily work.
What is RunJS?
RunJS is a local playground for JavaScript and TypeScript. It allows you to write, execute, and see the results of your code instantly. Unlike IDEs, RunJS has a minimalistic, distraction-free interface perfect for quick experiments and learning.
Why Choose RunJS?
Minimalistic Interface: RunJS offers a clean, distraction-free environment. This simplicity helps you focus on your code, making it great for presentations and screen sharing.
Continuous Code Execution: RunJS continuously executes your code as you type. This instant feedback loop is invaluable for testing and learning.
Run JS and TS with no configuration: RunJS supports both JavaScript and TypeScript out of the box. No need to run node or to setup TS. It simply works.
Use cases for RunJS
These are some of the use cases that I've personally found useful.
1. Exploring JS Language Features
JavaScript is weird. RunJS helps you understand them by letting you execute code snippets instantly. This is great for trying out language features or understanding tricky parts of JavaScript.
Note that it highlights some of these errors to help you avoid the fitfalls of JavaScript.
2. Printing the Output of Code Execution
RunJS makes it easy to see the output of your code as you type. This feature is perfect for debugging and understanding how your code works.
3. Executing JS/TS Without Creating a File
With RunJS, there's no need to create files or set up a Node environment to run your code. This is ideal for quick experiments or learning sessions.
4. Solving LeetCode Problems
This is my favorite use case for RunJS. RunJS allows you to print the output of test cases and different parts of the code easily, making debugging and understanding your solution much simpler. The distraction-free interface of RunJS helps a lot here.
You can code all the function with auto-completion support and error linting. It's also convenient to see the output of all the test cases at the end and check how they do without having to hit run every time.
Super helpful for small problems like this one.
Showing another small one that fits in the screen, but it's also helpful for complex problems.1
Oh and you might have noticed that the last case should be true. Wrong! This is not how array comparison works in JS. Here RunJS is helping you to understand the problem with an error message.
Conclusion
RunJS is a nice tool for JavaScript and TypeScript coding. Its simple interface and instant feedback make it perfect for learning, and prototyping. It's not going to replace your IDE but it can be a great addition to your workflow. By being different, and by keeping things simple, it does better than IDEs for some tasks. In my opinion, is a specialized tool that helps with communication, exploring and focus.
Top comments (2)
Unrealistic.
First of all, it is not open source!
It is indeed a good playground, but it has some limitations, for example, the number of updates. In a year, you receive a maximum of 3 updates and generally none of them are very useful.
Great point! I saw the repo github.com/lukehaas/RunJS following link from the official website and totally missed that it only contains docs. Edited the article to remove that part. Thank you!