DEV Community

Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js | RN 0.85, ViewTransition, Skia, Windows | JSIR, Security, esbuild, Ky, Intl

Hi there, Seb and Jan here 👋!

This week brings a collection of smaller, yet still noteworthy, React releases and articles.

On the React Native side, v0.85 just dropped with a new Shared Animation backend. Speaking of animations, we have a little sneak peek of exciting things coming, such as <ViewTransition> and Skia Graphite.

With the recent surge in npm supply chain attacks, it’s worth reviewing the npm Security Best Practices guide to secure your setup.

Let's dive in!


💡 Subscribe to the official newsletter to receive an email every week!

banner


💸 Sponsor

Still writing tests manually?

Still writing tests manually?

Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by ex-Palantir engineers, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers near-exhaustive coverage with zero developer effort - impossible to deliver by any other means. 

It works like magic in the background:

  • Near-exhaustive coverage on every test run
  • No test creation
  • No maintenance (seriously)
  • Zero flakes (built on a deterministic browser)

🤨 Curious? Book in a time to learn more


⚛️ React

Boneyard - Auto-generated skeleton screens

Boneyard - Auto-generated skeleton screens

Instead of manually creating skeleton screens for loading states, this innovative library snapshots your real UI at various breakpoints and captures skeleton "bones" - positioned, sized rectangles that mirror the layout exactly. It supports React, React Native, and other frameworks.



💸 Sponsor

No breakpoints, no console.log — just AI & time travel

No breakpoints, no console.log — just AI & time travel

15x faster TypeScript and JavaScript debugging than with breakpoints and console.log, while upgrading your AI agent into an expert debugger with real-time context.

Wallaby.js runs your tests as you type, feeding your AI assistant live runtime values, code coverage, error details, and execution paths — all right next to your code. With Wallaby v3’s new engine 🚀, tests start instantly with cached results, prioritize active files, and stream updates in real time.

Built for testing, Wallaby includes a Time Travel Debugger, the ability to run only opened files, full-context AI integration, smart test runs, and more.

➡️ Learn More


📱 React-Native

React Native 0.85

React Native 0.85

React Native 0.85 notably ships with a new Shared Animation Backend built in collaboration with Software Mansion, alongside a few other improvements and breaking changes:

  • Shared Animation Backend: This new internal engine will soon be enabled in React Native 0.85.1 and power both Animated and Reanimated. It enables performance benefits for Reanimated, and the core Animated API will finally animate layout props through the native driver!
  • DevTools Improvements: Multiple simultaneous CDP connections allow you to debug with DevTools, VS Code, and AI agents simultaneously without sessions dropping.
  • Metro TLS Support: HTTPS and WSS during development for testing secure APIs.
  • Breaking Changes: Jest preset moved to @react-native/jest-preset, dropped EOL Node versions, and removed StyleSheet.absoluteFillObject.


🔀 Other


🤭 Fun

alt

alt

See ya! 👋

Top comments (0)