Tokamak VS js-framework-benchmark

https://github.com/TokamakUI/Tokamak

I’m also working (slowly) on native Flutter channels:

https://github.com/PADL/FlutterSwift

But this is really targeted at embedded use cases.

There is Tokamak but I don't know how usable it is just yet.

TokamakUI runs via SwiftUI on WASM for web. Apple just hired the creator of the framework.

You can even make web apps by creating web components in swift with Tokamak.

I am playing around with Tokamak just for a bit of fun and learning, and it's been pretty solid so far! Though I want to branch out and play with some dynamic data from a random API, instead of just using mocked/pre-populated data.

There is SwiftWasm that compiles swift into WebAssembly so you can run it in the browser, but swift can't directly manipulate the DOM so you'd still need JavaScript or something like TokamakUI so you can design the front-end portion of your app.

JavaScript benchmarks are instruments for measuring the speed and effectiveness with which a JavaScript engine—such as the ones found in web browsers—can complete particular tasks. Benchmarks are used by developers and browser vendors to evaluate various engines, find places in the code where improvements are needed, and make sure JavaScript standards are being followed.

Strange then that frameworks advertise how fast they are at rendering, mutating, and creating objects in the DOM, and one of the main JS benchmarks everyone likes to measure their performance by is literally a benchmark about DOM manipulation: https://github.com/krausest/js-framework-benchmark

Oh wait. It's not strange. Because state manipulation is a largely solved problem, and even the least performant state manipulation is blazingly fast. However, presenting components in the browser's DOM is tens of magnitudes of orders less performant than anything you can throw at state manipulation.

And every single framework is busy solving one single problem: how do we touch the DOM as little as possible?

It literally says at the bottom "Data from https://krausest.github.io/js-framework-benchmark/"

The standard benchmark for js frameworks would be best: https://github.com/krausest/js-framework-benchmark