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.
rectandxywhfunctions inshape-outsideproperty 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-sizingproperty is on Firefox and baseline newly availableAnimationEvent.animationandTransitionEvent.animationproperties 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
resourceandhttpResourceare 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
cntool (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