quokka
RunJS
Our great sponsors
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
quokka
-
[AskJS] Confused and Struggling
If you want to code and practice your JS in a sandbox, I highly recommend using VS Code (if you're not already using that for your HTML/CSS) in conjunction with Quokka.js. If you use `console.log()` function to log your results, Quokka will output directly in the editor. There are online resources that do something similar like codesandbox.io but I've found it nice to have a local environment.
-
Show HN: REPL-Driven Development for JavaScript
This is great!
I’m a big fan of Clojure and it’s REPL-driven workflow, but most of my day-to-day work is in JavaScript.
I’ve tried to use Quokka [0] in the past to recreate the REPL experience, and while it’s a good tool, it’s just not the same.
Really looking forward to trying this out!
- Node.js Notebooks
-
[AskJS] Is there a tool that logs every line of code and the value of variables per line?
https://quokkajs.com/ might also be something you could be interested in, it has a free version that covers a lot of use cases.
-
Features of a dream programming language: 2nd draft.
No need to manipulate data structures in the human mind. Programmer should always be able to see the data structure he/she is working on, at any given time, in the code. Inspired by Bret Victor, and Smalltalk. Ideally with example data, not only the data type. Also, it should be possible to visualise/animate an algorithm. Since "An algorithm has to be seen to be believed", as D.E. Knuth said. It shouldn't be necessary for the programmer to take the effort to visualize it in his mind (with the error-proneness that entails). So the language should make such visualization and code-augmentation easy for tooling to support. But without being a whole isolated universe in its own right like a VM or an isolated image. Counter-inspired by Smalltalk. Some have described this as REPL-driven-development, or interactive-programming. Especially good for debugging: getting the exact program state from loading up an image of it that someone sent you. Inspired by Clojure. But with the ability to see the content of the data structures within your IDE. Inspired by QuokkaJS. The REPL-driven development approach should ideally afford simply changing code in the code editor, detecting the change, and showing the result then and there, without you having to go to back-and-forth to a separate REPL-shell and copy-pasting / retyping code. Inspired by ClojureScript. In fact, since a program is about binding values to the symbols in your code, when running your code, the IDE, enabled by the content-addressable code feature), could replace variables in the text with their bound values, successively. Effectively animating the flow of data through your code. Without you having to go to an external context like a debug window to see the bindings.
- Any developer tools/subscriptions/packages that are worth buying paid/pro plan?
-
Embedding the F# Compiler
I hear this amazement and fascination with REPL's that people have and I don't understand.
In a REPL, you're given a buffer to enter text into, and it evaluates it as you submit this buffer.
This is fine if you live in an age before graphical editors, but today we have tools with a better REPL-like experience.
In VS Code, I can use extensions to show realtime values next to every line of my program, and indicators of whether a branch/code path was ever hit.
This allows me to use an entire file as a visual REPL with instant feedback.
Using an actual REPL sucks compared to being able to regularly edit a file in your editor and get all of this + more without being handicapped to a terminal buffer.
Notebooks are also a worse experience for the same reason. You need to manually trigger "cells", which return a single value/visualization, or add a bunch of print statements.
https://marketplace.visualstudio.com/items?itemName=xirider....
-
Show HN: Sunflower Editor – like adding console.log to every line of your code
This is really similar to Quokka, which is a fantastic tool and worth every penny.
If you can build something portable, charge money for it IMO. I currently pay $50/year for this:
This reminds me of a very similar product, QuokkaJs [0] which works across many popular editors, VSCode, Atom, Sublime, Jetbrains suite.
-
Pharo 9 Released
I watched the whole video, thank you for sharing!
The bit towards the end (around 5 min mark I believe) where he gives the IDE (is that what you call it?) an input + output and asks it what message would produce the result he wants is pretty damn cool.
The rest of it is "interesting" I suppose. I can imagine that, at the time, this sort of interactive/live visual environment was revolutionary. This would be 1972-1990's I think, and during those early years there was nothing even remotely similar, right?
Towards the end Rapid Application Development (RAD) IDE's would start taking hold and then came the Pascal-powered heydays for a bit.
I think that maybe just due to familiarity bias, I still prefer a text-based IDE which has hot-reloading and live eval results.
Something pretty neat I use personally is an extension called "Quokka" which places the results of each line next to them, live as you edit (similar to a REPL)
Jetbrains IDE's have a similar thing with "Worksheets" for languages like Kotlin, Python, Scala, and likely a few others. (Also "Metals" extension in VS Code can do this for Scala incredibly well)
RunJS
- Show HN: Heynote – A Dedicated Scratchpad for Developers
-
10 niche mac apps for web developers
Is there an app for Python similar to https://runjs.app ?
-
Learning Javascript as a Python Developer
If you're starting out, I recommend using a sandbox to test your code. Run JS is a very useful tool as it logs
- Anybody seen this? RunJS. Is there an alternative (besides dev tools), that doesn't cost $$?
-
I’m stuck learning js
RunJs https://runjs.app/ is pretty cool for playing with JavaScript by itself.
-
Aplicaciones para Desarrollador 🦹🏻
RunJS: https://runjs.app/
-
Getting Node to work in VSCode integrated terminal
OK, I see. My machine has node v12.22.9 installed, probably since I installed it from apt. I downloaded 18.12.1 from the site above, but alas, I do not know how to install it. I'll have to read the docs it seems. It will be helpful to learn as I've tried to install runjs on my Ubuntu laptop, but I can't figure how as it seems I have to install it from binaries also (which I have no idea how to).
-
An ipython equivalent for node ?
https://runjs.app/ is the closest I can think of.
-
Test Data Factories in Javascript
Friday the 13th was a quiet evening and when the rest of the family were in bed or watching TV I chose to play around with a bit of the thought experiment. This time unlike others I wrote up what I was doing as I went along, what follows is a tidied up and expanded version of the notes that I took. While I was doing this I was primarily using two tools - RunJS for my javascript REPL playground and Typora for my notes.
-
The Front-End Developer's Guide to the Terminal
I use the browser's dev console to try out short JS snippets or for simple on-page scraping. (for longer JS as a scratchpad I use https://runjs.app).
The browser's dev console gives you access to the current page's DOM, plus anything you can do in JS.
So stuff like `document.querySelectorAll(".foo")` works. Also `fetch()` works within the page's context.
Apart from that, what are some other useful things one can do in the dev console?
What are some alternatives?
JS-Interpreter - A sandboxed JavaScript interpreter in JavaScript.
vscode-python - Python extension for Visual Studio Code
why-did-you-render - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)
gtoolkit - Glamorous Toolkit is the Moldable Development environment. It empowers you to make systems explainable through experiences tailored for each problem.
typescript-notebook - Run JavaScript and TypeScript in node.js within VS Code notebooks with excellent support for debugging, tensorflowjs visulizations, plotly, danfojs, etc
jupyter - Jupyter metapackage for installation, docs and chat
vim-import-js - Vim plugin for ImportJS
Tailwind CSS - A utility-first CSS framework for rapid UI development.
infernu - Type inference and checking for a safer JavaScript.
ijavascript - IJavascript is a javascript kernel for the Jupyter notebook
godot-talk-VM