JEM Newsletter - JavaScript Every Month

Archives
Subscribe
July 7, 2026

JEM - Web in June - JavaScript Every Month Newsletter

Hello July 🌧️

Releases

Browsers

Chrome 150

Chrome had two releases in June - 149 and 150. Putting 150 in the headline, because well.. it's 150.

  • rect and xywh functions in shape-outside property land in Chrome and baseline newly available
  • automatic text scaling with text-fit
  • CSS gap decorations in flex and grid layouts
  • background-clip: border-area
  • scroll to functions return a promise so you can run follow up tasks after completing the scroll
  • declarative keyboard navigation with focusgroup
  • animatable zoom property

Firefox 152

  • field-sizing property is on Firefox and baseline newly available
  • AnimationEvent.animation and TransitionEvent.animation properties are now supported
  • Notification actions are supported

IDE

  • OpenAI has released a basic Lovable competitor named Sites
  • Windsurf is becoming Devin Desktop
  • Cursor got acquired by SpaceX. They launched their iOS app
  • Claude code launches Dynamic workflows - the agent writes a workflow executed by subagents in code.
  • VS code tells how a single task could be widely different token outputs on models: What 50,000 Runs of a 5-Line Eval Taught Us
  • NX team with a meta harness that connects repos together into a virual monorepo for agents - Polygraph

Angular 22

  • new API based on signals
  • collection of components named Angular Aria
  • resource and httpResource are stable
  • async dependency injection

Next 16.3

  • Instant navigations - there is a UI that let's you choose?
  • First party skills
  • Agent browser with React introspection

Rspack 2.1

  • Rust version of React compiler
  • Support for TypeScript 7
  • support for import.meta.glob
  • Rspack magic comments
  • Tanstack Start has added Rsbuild support

Astro 7

  • Vite 8
  • Fastest Astro ever, claimed performance of being 2x faster
  • Rust compiler for Astro files
  • Markdown and MDX pipeline with new Rust compiler: Sätteri
  • Queued rendering

Homebrew 6

  • Tap trust: explicitly trust third party taps to be trusted
  • Internal JSON API is now default

Vercel Eve

Framework for building agents from Vercel, inspired by Next.js filesystem.

React Router v8

  • minimum supported versions have changed, making the breaking change But in meantime:
  • unstable RSC support
  • middleware better context support
  • split route modules
  • useRoute/useRouterState (unstable)
  • Typesafe href
  • Vite environment API support

Flow’s OCaml to Rust Port

  • 2x faster than OCaml library

Nub 1

JavaScript toolkit that augments Node.js instead of replacing it.

AI SDK 7

  • Run agents with tool approvals, timeouts and sandbox support
  • Integrate with agent harnesses
  • Observe agents with telemetry
  • Real time voice support and video generation

Maizzle 6

  • TailwindCSS 4
  • Vue templating
  • Vite plugin

Lightpanda agent and Pandascript

Talk to your Lightpanda browser in natural language, have it generate the automation script.

Figma Config 2026

Figma launched tools that would eat up their competitors.

  • Code on canvas - similar to Pencil
  • Figma Motion - similar to Jitter
  • Shader fills and effects - similar to Paper
  • Figma Weave - acquired by Figma

Prop for that

A library that syncs JS values with CSS variables. Time for some JS-in-CSS.

In the Spotlight 🔦

Rise of StyleX

June was the month for StyleX, seemingly for no apparent reason. I noticed prominent individuals and companies discussing their migration to StyleX from Tailwind due to its superior type safety experience. It's worth noting that StyleX has been around for quite some time.

  • Polar has a blog post about building a design system with StyleX and their assumptions for it being agent-ready.
  • We also heard Linear is migrating from Styled components to StyleX for their design system.
  • StyleX is keeping a list of companies already migrated/launched with it
  • Meta released an open source design system components named astryx built on StyleX

Loops 🔁

June was undoubtedly the month of loop engineering. Both OpenAI and Anthropic pledged their allegence to loop engineering and stated that we should avoid modifying codebases while building a software factory. It's not a viewpoint that I would wish upon anyone who doesn't have unlimited tokens available to them.

  • Loop Engineering - Addy Osmani
  • The Art of Loop Engineering - Langchain

While you can choose your stance on loops, I believe that adding one or more verification steps will help the agent perform better on the tasks you assign to it.

  • Verification loops - Claude Devs

Race to a new Git

Everyone agrees that something about Git workflows is broken for a future where infinite software is created by agents. Companies are on a race to re-create and own the paradigm that replaces Git.

  • Cursor, GitLab and Zed agree GitHub is breaking. They disagree on how to rebuild it - The New Stack
  • DeltaDB - Zed
  • Cursor Origin - Private preview
  • GitLab Orbit - Private preview
  • Artifacts
  • Epic Games decided to chip in and released a source control system for games - Lore

Security

Our special spotlight on security continues as more and more exploits are discovered.

  • Node.js security releases - Update to 26.x, 24.x, 22.x Node release lines
  • Remix and React Router advisories
  • Remote DoS vulnerability (dubbed HTTP/2 Bomb) affecting major web servers like nginx, Apache httpd, IIS, and Envoy
  • Over 800 Arch Linux packages compromised with infostealer malware
  • Critical vulnerability in widely used library libssh2

Tutorials

The Conductor Rewrite: What They Changed to Make It Fast

Conductor, the development agents' UI announced that they had rewritten the app to achieve twice the performance of the previous version. This article details the steps they took to reach this goal, including some useful insights for anyone interested in building a desktop app.

Iterating faster with TypeScript 7

The Visual Studio Code team discusses their collaboration with the TypeScript team on the incremental TS7 rewrite within the large codebase. If you haven't explored TS7 for your codebase yet, I highly recommend it; it has proven to be very stable, even in development releases.

The words designers use when they know what they’re looking at

What if the future of tutorials involves learning the right vocabulary to communicate effectively with the agent and achieve your goals? Consider English courses, followed by specialized courses focused on the subject you wish to master. This post explores what that looks like in design.

In short

  • WebMCP is on origin trial
  • New Surface and Surface Pro laptops from Microsoft
  • Shopify's internal platform for sharing HTML plans, visualisations and small apps - Quick
  • New Lovable apps are powered by Tanstack Start
  • Aiden launched a new tool - cnfast 3x faster cn tool (for tailwind users)
  • Frontend Masters has renamed to Master.dev.
  • Football worldcup special - How I turned World Cup data into posters
  • Major companies are joining hands for a new stablecoin standard - OpenUSD
  • VoidZero joins Cloudflare
  • TSRX rethinks compatiblity to template just JSX

In Other News

Midjourney goes from generating cat images to full-body ultrasound scans - TheVerge

Midjourney, the AI image generator tool, asked people to guess what they were developing and informed us that it was hardware. Many, including myself, speculated that they were creating a tool similar to the Rabbit R1 or possibly Meta glasses with image generation and editing capabilities. However, it turns out they were actually building full-body scanners.

How 100 hospitals switched to pen and paper to defeat a national cyber-attack - BBC

In February 2024, a massive cyber-attack struck Romania’s healthcare system. Criminals deployed a ransomware strain called BackMyData, which targeted a widely used medical software system named Hippocrates. The ransomware scrambled crucial patient data, administrative records, and logistics files, with the attackers demanding a ransom of in bitcoin.To halt the spread of infection, hospitals were asked to disconnect from the network.

Legibility of Effort

A significant part of our lives involves determining effort and duration. When we assemble something from Ikea, the effort we invest adds emotional value to the furniture. A gift received from someone, knowing they spent their nights working on it, tends to be valued more than a similar item purchased from a ready-made store, even if the ready-made store offers better functionality. This blog talks about how AI agents have transformed the legibility of effort in codebases.

AI updates

  • Anthropic released Fable 5 and Mythos 5 (the 5 in naming is confusing). But then US government stepped in and bought in export control directives on them. This was the first model to be Goverment blocked, but wouldn't be the last.
  • OpenAI released 5.6 Sol, their next generation of models competing with Anthropic Fable and are also held back by the US government.
  • Google announced computer use in Gemini 3.5 Flash. Their trend of bringing inference costs down continues with Nano Banana 2 Lite and Omni Flash
  • Qwen released their first world model: Qwen AgentWorld
  • OpenAI has created a chip purpose built for AI
  • Kimi with next iteration step: Kimi K2.7 Code, first model with Code in it's name.
  • Minimax made a major version jump with cost effective model - Minimax M3. There is a coding agent alongside agent.minimax.io
  • Microsoft announced open source models across verticals at the Build conference
  • New model router in town - Sakana Fugu claims better numbers than using the top models themselves.
  • OpenRouter has released a router named Fusion with API access
  • Z.ai has a magnificent return to frontier with GLM 5.2

Looking Ahead

  • Vercel Ship London - June 26
Don't miss what's next. Subscribe to JEM Newsletter - JavaScript Every Month:
Older → JEM - Web in May - JavaScript Every Month Newsletter
Share this email:
Share on Twitter Share on LinkedIn Share on Hacker News Share on Reddit
GitHub
Twitter
Powered by Buttondown, the easiest way to start and grow your newsletter.