DEV Community

Cover image for This Week In React #273 : ⚛️ RedwoodSDK, Next.js, TanStack, RSC | 📱 Expo UI, Ease, Expo APIs, Keyboard | 🔀 TC39, Temporal, Vite
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #273 : ⚛️ RedwoodSDK, Next.js, TanStack, RSC | 📱 Expo UI, Ease, Expo APIs, Keyboard | 🔀 TC39, Temporal, Vite

Hi everyone, Seb and Jan here 👋!

This week, RedwoodSDK 1.0 dropped, and other meta-frameworks improved their SSR performance. A bunch of content related to Async React and the TanStack too!

On the React Native side, Expo UI support for Jetpack Compose is quite exciting. A new animation library could also be an interesting alternative to Reanimated CSS transitions.

Temporal has finally reached stage 4! We also have great announcements from the Vue.js conf that remain relevant for React developers, notably Vite 8.

Let's dive in!


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

banner


💸 Sponsor

Cut Code Review Time & Bugs in Half

Cut Code Review Time & Bugs in Half

Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.

Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.

CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.

CodeRabbit is free for all open-source repo's.

Get Started Today


⚛️ React

RedwoodSDK 1.0

RedwoodSDK 1.0

The former RedwoodJS meta-framework has pivoted to RedwoodSDK, and it now has its first stable release. This time, it bets on Vite, React Server Components, and Cloudflare (using Durable Objects for its useSyncedState() realtime feature). It promises explicit APIs for clarity (no convention, no magic behavior) through composable web-based primitives.

The choice of being tightly coupled to Cloudflare might surprise you, but they explain it in this article. They are building abstractions on top of Cloudflare Bindings and Durable Objects to become service-agnostic while remaining platform-optimized. Similarly, Evan You has recently announced Void.cloud – a Vite-native deployment platform based on Cloudflare – and explained that “the lock-in is what makes the DX possible”. Time will tell how this story compares to Next.js and OpenNext 🤪.



💸 Sponsor

Make your logs queryable, not just readable

Make your logs queryable, not just readable

console.log("here")doesn't cut it in production. Structured logs do.

Use this tutorial to connect LogTape + Sentry and make every log searchable, queryable, and connected to your traces. When something breaks, you'll get the full picture: log events, error context, and Session Replay, all linked by trace ID.

  • Filter by user ID, order ID, or any custom field
  • Attach context once, inherit it everywhere
  • Alert when log patterns spike before users notice

See the full recipe ➡️


📱 React-Native

Expo UI in SDK 55

Expo UI in SDK 55 - Jetpack Compose now available

Expo SDK 55 brings major updates to Expo UI, moving Jetpack Compose support to beta and refining SwiftUI APIs to match Apple's official conventions more closely. Instead of reimplementing native components in JavaScript, Expo UI exposes the native UI frameworks directly to React Native.

  • Jetpack Compose support: now includes enough Material Design 3 components (like LazyColumn, ModalBottomSheet, and DockedSearchBar) to build complete apps, which was validated by building a full Wikipedia clone.
  • SwiftUI: now it feels like SwiftUI: renamed and restructured SwiftUI components to match their SwiftUI counterparts. DateTimePicker is now DatePicker, Switch is now Toggle, and CircularProgress is now ProgressView.
  • Familiar API surface: It uses React's compound component pattern (e.g., ListItem.Leading) to express Compose's composable lambdas in JSX, and aligns the modifier system so it works consistently across platforms.
  • AI-Friendly: Because the APIs intentionally mirror native Compose and SwiftUI documentation, AI assistants can easily generate correct Expo UI code relying on their existing native training data.

React Native Ease - Lightweight declarative animations powered by platform APIs

React Native Ease - Lightweight declarative animations powered by platform APIs

New animation library designed to handle simple transitions with maximum performance. While Reanimated is incredibly flexible, it runs JS on every frame on the UI thread, which can be overkill and cause flickering if the thread lags. react-native-ease solves this by leveraging Core Animation on iOS and Animator on Android directly, resulting in zero JS overhead.

  • CSS-like API: Offers a highly simplified, declarative API inspired by CSS transitions. You simply wrap elements in an <EaseView> component and pass an animate prop.
  • Built for the basics: Perfect for non-layout properties like opacity, transforms, background color, and border radius. It prevents the need to create hundreds of shared values just for simple press animations in lists.
  • AI Migration Skill: It includes an AI agent skill that can automatically scan your codebase, identify simple Animated/Reanimated implementations, and migrate them over to react-native-ease.


🔀 Other


🤭 Fun

alt

See ya! 👋

Top comments (0)