The AI cost of JavaScript frameworks

Browsers natively handle a lot of what used to take 50 lines of JS (or a dependency): `CSS.highlights` for text range highlighting without &lt;span&gt;s everywhere, `&lt;dialog&gt;` and showModal() give you backdrops and ideal focus management, `field-sizing` to auto-grow textareas as the user types.. (Something yesterday&#x27;s ftrain post touched on [0])Models know about some of these by name, but consistently won&#x27;t default to using the platform-native solution and instead prefer the incumbent &lt;div&gt;+JS based pattern. We started an effort in Chrome to supplement coding agents with this key domain knowledge and we&#x27;re shipping our 1.0 today, in collaboration with Firefox, MDN, and Edge.200+ guides (~1.7MB) of curated, hand-crafted implementation best-practices from web experts, updated as the web evolves. (Open source, obv, so.. we&#x27;ll welcome your bikeshedding ;) Readable versions here: [1]I&#x27;ve spent the last 9 months obsessing over how to ship this as an agent skill + (Agentic RAG) CLI without blowing up your context window. (Or cedeing activation mechanics to MCP dynamic tool search). The skill description is minmaxed for activating on relevant frontend tasks. The RAG work I&#x27;m pretty proud of… originally a 500mb native stack down to a ~7MB pure-JS package, ~10ms search on your CPU.We just introduced a deterministic &#x27;legacy-scan&#x27; (trained on 30k github repos) to identify old &#x27;n dusted patterns that your agent can modernize. (92% avg precision on held-out repos.)People make a lot of claims about what coding agents are good&#x2F;bad at. We wanted receipts, so we invested heavily in eval infra [2] to help us hill-climb, but also to identify when knowledge is common enough we can prune our guides. (Ofc, some of the things we thought AI didn&#x27;t know turned out to be wrong :) We run codex&#x2F;claude&#x2F;agy against 200 tasks without the skill and then with.. In total ~1,700 playwright&#x2F;AST-based assertions. Agents go from 55% pass unguided to 92% guided.Try it out:<pre><code> DISABLE_TELEMETRY=1 npx modern-web-guidance@latest install
 DISABLE_TELEMETRY=1 npx modern-web-guidance@latest search &quot;animate dialog modal&quot;
 DISABLE_TELEMETRY=1 npx modern-web-guidance@latest legacy-scan .&#x2F;src
</code></pre>
If you spot something wrong or weird, give us a holler!Longer write-up on the 1.0: <a href="https:&#x2F;&#x2F;developer.chrome.com&#x2F;blog&#x2F;modern-web-guidance-v1" rel="nofollow">https:&#x2F;&#x2F;developer.chrome.com&#x2F;blog&#x2F;modern-web-guidance-v1</a>---0: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=50416456">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=50416456</a>1: <a href="https:&#x2F;&#x2F;developer.chrome.com&#x2F;docs&#x2F;modern-web-guidance&#x2F;guides" rel="nofollow">https:&#x2F;&#x2F;developer.chrome.com&#x2F;docs&#x2F;modern-web-guidance&#x2F;guides</a>2: <a href="https:&#x2F;&#x2F;googlechrome.github.io&#x2F;modern-web-guidance-src&#x2F;" rel="nofollow">https:&#x2F;&#x2F;googlechrome.github.io&#x2F;modern-web-guidance-src&#x2F;</a>

Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives

Yet another way to invoke functions in JavaScript without parentheses

Shaders, WebGPU Components for React, Vue, Svelte, Solid, JavaScript and Framer

The JavaScript Midlife Crisis

Over the past year, I have been working to find a better way to write cross-platform apps.The problems I am trying to solve:- Native frameworks only work on a subset of platforms, so a different implementation of the UI needs to be written per target.
- They are updated at the same pace as the platform itself, which forces the developer to split the user base to be able to use new features, or wait a long time for bugs to get fixed.
- They also force developers to use specific high-level languages, so they are not a good fit for apps with high performance requirements, like creative apps or games.
- Cross-platform frameworks that rely on bundling a browser engine solve the problem of code reuse, but they inherit the limitations of HTML&#x2F;CSS.
- Those that take control over layout and rendering are not efficient and lightweight enough to be used on the web, and require the use of compiled languages.Ideally, we would be able to bundle the UI framework directly with the application. This would allow developers to use new features and fix issues in the UI framework immediately. It would also allow ideas for improvements to compete in a natural way, rather than being decided by a committee.Uniform is my idea for how we can solve these problems. This is the structure:- A layout and rendering engine written in C, compiled to WASM on the web and native code on all other platforms
- A JavaScript API where each function call gets forwarded directly into the core, for best performance and efficiency
- A native runtime (&lt;2 MB) that makes it possible to run the same JavaScript code on macOS and iOS (more platforms to come). The runtime can also generate packaged apps to upload to app stores. The packaging steps are also described in JS.Uniform supports very fast iteration cycles via hot-reload on all platforms. Even on iOS, the JS source code of an app can be changed while the app is running. Changes are visible on the next display refresh. No connection to a computer or the internet is required. Apps can be written from scratch on a phone, with native performance.The readme in the linked repository includes many examples and a detailed explanation of the core ideas. It is handwritten without any use of AI.And here is a live demo: 
<a href="https:&#x2F;&#x2F;raffk.com&#x2F;hn-demo&#x2F;" rel="nofollow">https:&#x2F;&#x2F;raffk.com&#x2F;hn-demo&#x2F;</a>It should work in any browser that supports WebGPU. (To get 120 Hz support in Safari, the “Prefer Page Rendering Updates near 60fps” feature flag needs to be disabled.)

Show HN: JavaScript web apps with WASM layout and GPU rendering in 280 KB

Show HN: Turn regular JavaScript into a neural net

Feel free to give me feedback or discuss what you have on your mind. I had lots of fun building this, so I hope you have too reading this!

Show HN: Yavashark: I've Built a JavaScript Engine Every Day for 950 Days

What to Know About JavaScript in 2026

Hi there!We have designed client side encrypted storage that sync on multiple devices and allows to hold that data on your server.We have started as chat application in late 2022 that has completly open-readable database. The idea was simple - server holds zero secrets, like non at all. But we ran into the problem of authentication - there were no auth method what could make quick, synced authorization with completely zero secrets.So in early 2023 we came to an idea of authentication via proof of ownership by providing proof that next step is made by the same user. Now you can see our job as ulda core <a href="https:&#x2F;&#x2F;github.com&#x2F;ulda-io&#x2F;ulda-core" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ulda-io&#x2F;ulda-core</a>. Ulda was called as universal liniar data authentication.But a year later we faced that “None need another extremely secure chat application” and we decided to export our ideas and share ulda as a method in order to gather some feedback from some smarter people. In 2025 we tried to publish our white papers at REKS, CMIS and in the end in Journal of Cryptology. Ulda was never published and then we decided that it would probable a good idea to go and publish at least something somewhere to bring some attraction and hopefully some feedback.So, we assembled an sdk, that worked via ulda core and gave developers an ability to work in with encrypted and synced storage directly by editing json. We tried to make is simple as possible.We hope to bring some attention not to a sdk itself, but rather to authentication method itself. You can read our white paper here: <a href="https:&#x2F;&#x2F;github.com&#x2F;ulda-io&#x2F;ulda-core&#x2F;blob&#x2F;main&#x2F;MANIFEST.md" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ulda-io&#x2F;ulda-core&#x2F;blob&#x2F;main&#x2F;MANIFEST.md</a>Also, if you would like to see our sdk, you can also try it here: <a href="https:&#x2F;&#x2F;docs.ulda.io" rel="nofollow">https:&#x2F;&#x2F;docs.ulda.io</a>, <a href="https:&#x2F;&#x2F;ulda.io" rel="nofollow">https:&#x2F;&#x2F;ulda.io</a>.Thank you very much for your time and we hope for your feedback about authentication method.Best regards,
Mark Shaposhnik
Vitalii Radko

Show HN: ULDA – Client-side encryption with a simple JavaScript API

The Greatest Pun in JavaScript

How AI tool calling works (40 lines of vanilla JavaScript)

Datastructures-JS – The JavaScript data structures project

Show HN: SafeScript, a safe version of JavaScript for executing untrusted code

JPEG XL with WebGPU makes smaller files than libjxl in 150 KB JavaScript

Turn your regular JavaScript code into a neural net

A developer recreated a 1990s 486 PC in JavaScript

The Web Can't Afford a JavaScript Runtime Monoculture

Show HN: jpm – a JavaScript package manager in Rust, every line by Claude Code

JavaScript powers the web - it's **the** most important programming language you need to know as a web developer.

## Exempel 1

For example, We have an array of different objects that can weigh the same or different and are spaced apart from us.
The customer wants the lightest and closest object.

```js
object.sort((a,b)=>a.weigh - b.weigh)

 const lightest=(object[0].weigh);
 let sortDistance=(object[0].distance); 

 for (let i = 0; i< object.length; i++) { 
 if (lightest === object[i].weigh && sortDistance > object[i].distance){
 sortDistance = object[i].distance;
 sortObject.unshift(object[i]);
 }else{
 sortObject.push(object[i]);
 }
 }
```

... more comming soon

Mastering JavaScript

JavaScript News

News From: hn.algolia.com

The AI cost of JavaScript frameworks

Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives

Yet another way to invoke functions in JavaScript without parentheses

Shaders, WebGPU Components for React, Vue, Svelte, Solid, JavaScript and Framer

The JavaScript Midlife Crisis

Show HN: JavaScript web apps with WASM layout and GPU rendering in 280 KB

Show HN: Turn regular JavaScript into a neural net

Show HN: Yavashark: I've Built a JavaScript Engine Every Day for 950 Days

What to Know About JavaScript in 2026

Show HN: ULDA – Client-side encryption with a simple JavaScript API

The Greatest Pun in JavaScript

How AI tool calling works (40 lines of vanilla JavaScript)

Datastructures-JS – The JavaScript data structures project

Show HN: SafeScript, a safe version of JavaScript for executing untrusted code

JPEG XL with WebGPU makes smaller files than libjxl in 150 KB JavaScript

Turn your regular JavaScript code into a neural net

A developer recreated a 1990s 486 PC in JavaScript

The Web Can't Afford a JavaScript Runtime Monoculture

Show HN: jpm – a JavaScript package manager in Rust, every line by Claude Code

Turn your regular JavaScript code into a neural net