js-framework-benchmark
CSharpWasmBenchmark
js-framework-benchmark | CSharpWasmBenchmark | |
---|---|---|
64 | 9 | |
6,484 | 18 | |
- | - | |
9.8 | 3.4 | |
5 days ago | 12 months ago | |
JavaScript | HTML | |
Apache License 2.0 | MIT License |
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.
js-framework-benchmark
-
Popularity is not Efficiency: Solid.js vs React.js
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.
-
Use any web browser as GUI, with Zig in the back end and HTML5 in the front end
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?
- JavaScript-Framework-Benchmark
- GitHub - krausest/js-framework-benchmark: A comparison of the performance of a few popular javascript frameworks
- JavaScript Framework Benchmark
- Vue 3 now outperforms Svelte and React
-
Vue 3 is currently performing better than Svelte and React
It literally says at the bottom "Data from https://krausest.github.io/js-framework-benchmark/"
- Cample.js benchmark reactivity without VDOM
- Rust é uma linguagem que embora tenha uma curva de conhecimento considerável, entrega vários benefícios como segurança e produtividade, reduzindo consideravelmente a verbosidade
-
Imperative - 1.5kb React alternative using Generators
The standard benchmark for js frameworks would be best: https://github.com/krausest/js-framework-benchmark
CSharpWasmBenchmark
-
ASP.NET Core updates in .NET 8 Preview 4 - .NET Blog
The performance issues are not related to just the DOM and other browser APIs. See https://csharp-wasm-benchmark.acmion.com/ for some simple benchmarks.
- C# Wasm Benchmark .NET 7
- How long does Blazor Webassembly app stay cached on local computer?
-
C# Wasm Benchmark (C# Wasm AOT vs C# Wasm Interpreted vs C# Runtime vs JavaScript)
Not sure. The configuration is set to FullAOT in the csproj. See here: https://github.com/Acmion/CSharpWasmBenchmark/blob/main/CSharpWasmAot/CSharpWasmAot.csproj
I do not think that interop performance is benchmarked. See the source of BnechmarkRunner: https://github.com/Acmion/CSharpWasmBenchmark/blob/main/Benchmarking/Core/BenchmarkRunner.cs
What are some alternatives?
mikado - Mikado is the webs fastest template library for building user interfaces.
deno-dom - Browser DOM & HTML parser in Deno
sycamore - A library for creating reactive web apps in Rust and WebAssembly
Havit.Blazor - Free Bootstrap 5 components for ASP.NET Blazor + optional enterprise-level stack for Blazor development (gRPC code-first, layered architecture, localization, auth, ...)
yew - Rust / Wasm framework for creating reliable and efficient web applications
Programming-Language-Benchmarks - Yet another implementation of computer language benchmarks game
imba - 🐤 The friendly full-stack language
Templates - Ready to use Blazor Templates in different styles and layout with all the basic setup already done for MudBlazor.
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
awesome-wasm-langs - 😎 A curated list of languages that compile directly to or have their VMs in WebAssembly
Svelte - Cybernetically enhanced web apps
ASP.NET Core - ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.