vs-asyncapi-preview VS Ink

Regular maintenance for our VS Code plugin.

Ink is amazing for quickly hacking together TUIs. I recently did so with Nbb (Node Babashka) and and enjoyed the experience overall.

My only real complaint is how everything in your VDOM seems to re-render on a state change. IIRC this is being addressed [1], but is something to be mindful of, especially if your users may be using slow machines.

[1] https://github.com/vadimdemedes/ink/issues/21

To try it out, run npx create-helix-app in your terminal. It is powered by Nbb, Ink, and Helix itself!

React is special because it defines a specification for a 'reconciler', rather than being specifically a 'web' focused library. We use React to define the regular page layout, but also to define our terminal UI tools, our 3D environments and our charting engine. The ability to seamlessly switch reconciler, all in the same language with the same APIs is an absolute super power.

You’re probably referring to https://github.com/vadimdemedes/ink

On the technical side, the ability to have pluggable renderers has been very useful for us. We never would have considered 3D without react-three-fiber. Building cli applications with react-ink is pretty cool.

You're going to build the CLI using Ink, a React component-based library for building interactive CLIs. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. Ink is simply a React renderer for the terminal, so all the React features are supported. No need to learn a new syntax specific to Ink.

React has reconcilers available so you can use the exact same syntax to build 3D scenes, or terminal user interfaces, with performance increases compared to using the underlying APIs naively due to good scheduling.

Interesting other library - React for the terminal. Allows you to build the UIs using familiar web techniques and even has react dev tools!

https://github.com/vadimdemedes/ink