Write React. Ship direct DOM.

Write React. Ship direct DOM.
2 minutes by Vidact

Vidact compiles React components into direct DOM operations, skipping the virtual DOM and reconciler entirely. State changes update only the affected DOM nodes instead of re-running the whole component. The compiler is written in Rust and builds on React Compiler's analysis tools. It also supports server rendering and hydration through Vidact Start.

The Amazon Developer Global Hackathon: Shape what ships next and win up to 40k! 
sponsored by Amazon Developers

Join the virtual hackathon to explore new agentic tools and build connected devices. Learn new frameworks and share what you are launching. There’s 8 weeks to build and multiple ways to win! Categories & mini-challenges include Fire TV, Alexa+, Bee wearable AI, Ring APIs, AWS tools, and contributing to open-source projects. Register now.

What browser translators do to a live DOM
10 minutes by Davlatbek Aliev

Browser translators can silently break React apps by detaching text nodes and wrapping them in new elements, leaving React writing updates to orphaned nodes nothing ever displays. Chrome, Yandex, and the Google bundle do this, while Edge and Firefox rewrite nodes in place, so React updates still reach the screen. A common crash guard stops the errors but leaves values frozen. The translate-shield library fixes this by writing updates directly into the translator's wrapper, keeping text correct and translated with no visible flash.

Native is now the future of mobile at Shopify
11 minutes by Mustafa Ali

Shopify is switching its mobile apps from React Native back to native Swift and Kotlin. The main reason is that AI coding tools have become good enough to build and translate features across platforms, removing the biggest advantage React Native offered. Using a custom AI workflow called Helix, the team rebuilt one major app in just 12 weeks. Their open source React Native libraries will be handed off or archived over the coming months.

What it actually takes to migrate discord to React native's new architecture
15 minutes by Kamil Delekta

Flipping to React Native's New Architecture is the easy part. The real work is the long tail after: rendering bugs, crashes, and broken gestures caused by old assumptions that quietly stopped holding. Kamil shows three examples: coordinate spaces that split inside modals, gestures broken by mid-press view flattening, and a deadlock triggered by a class naming convention nobody knew mattered. Most fixes were tiny, but finding them was not.

Replay input after hydration
5 minutes by Jacob Groß

Good UX means a site should respond well on both fast and slow connections. A tricky edge case occurs when users interact with filter inputs before a page finishes loading, causing their input to be ignored by React since event listeners aren't attached yet. A custom hook called useReplayPreHydrationInput solves this by detecting mismatches between what the browser shows and what React knows, then replaying the user's input so filters and URLs update correctly.

Ship React Apps Faster With AI. Two Free Days at Prepathon'26.
sponsored by Cloudways by DigitalOcean

AI is now part of how the best frontend apps get built. From component generation to intelligent state management, the workflows are changing fast. Prepathon’26 (free, online, Sep 22-23) is two days of hands-on sessions on patterns, AI-assisted development, and getting to production without the usual friction. From engineers doing it right now. Seats are limited. Claim your free seat.

And the most popular article from the last issue was:

• The browser's main thread is expensive