Reanimated, TanStack, Cross-Pollinating Languages & TWIR #256 Anniversary

Featuring
Łukasz Chludziński
Engineering Manager
@
Callstack
Kewin Wereszczyński
Software Engineer
@
Callstack

This week’s livestream covered a wide range of topics across the React and React Native ecosystem - from directives and Astro to TanStack and Reanimated. As always, the discussion was guided by insights from the This Week in React newsletter which celebrated 256th anniversary this week! Here’s a summary of the key takeaways.

Directives and language cross-pollination

We opened with a discussion about the rise of directives: small, declarative code instructions increasingly seen across languages and frameworks.

The takeaway: frontend ecosystems are cross-pollinating faster than ever, borrowing syntax and ideas to improve developer experience.

TanStack: Evolution of a powerhouse

The conversation moved to TanStack, exploring how it continues to evolve as one of the most versatile toolchains in React. With new updates, TanStack is cementing its role as a must-know library for any React developer.

Astro: When and why to use it

A brief detour into Astro highlighted its hybrid nature, combining static generation with dynamic islands of interactivity. We discussed when Astro shines (content-heavy, static-first sites) and when traditional frameworks might still be a better fit.

Swift for Android

In one of the more surprising segments, we examined Swift for Android: how it works, what it enables, and how it compares to traditional cross-platform solutions. Along the way, a look at thiz sparked some nostalgia for old-school JavaScript’s that pattern.

Deep dive into Reanimated

The highlight of the stream was a hands-on deep dive into Reanimated, covering:

  • Simplifying complex animation setups.
  • Best practices for shared values and animated styles.
  • A dedicated demo repository will be shared soon, allowing developers to explore and experiment with the discussed patterns.

Community & newsletter

We celebrated the 256th edition of This Week in React newsletter, marking an impressive milestone.

Special shout-outs to Filip Kamiński for joining the team and thanks to Sebastien Lorber, Kacper Kapuściak for continuously curating such a high-quality resource for the React community.

Final thoughts

This week’s stream blended deep technical insights with lighter explorations of language design and ecosystem evolution. From Reanimated animations to Astro architectures, it showcased how rapidly modern frontend development is converging and how exciting that future looks.

Insights

Learn more about Animations

cover

Jul 8Podcast

React Native Ease: Platform-Native Animations Without the Extra Work

Łukasz talks with Janic from App & Flow about React Native Ease, Core Animation, Reanimated trade-offs, and performant UI animation in React Native.

cover

Jul 7Podcast

Where Reanimated Goes Next

A conversation with Bartłomiej Błoniarz on CSS animations in Reanimated, native primitives on iOS, shared element transitions, and the work still left on stability.

Events Cover

Apr 16Talk

How to Make Your React (Native) App Feel Native

How to make your React Native app feel truly native, across iOS, Android, tvOS & more. Dive into best practices, navigation, and react-native-bottom-tabs.

cover

Feb 19Podcast

Reanimated 4 is the Future of Smooth React Native Animations

Reanimated 4 is now available in beta, and if you work with animations in React Native, you need to know what’s new!

cover

Oct 11Article

A Deep Dive Into React Native Reanimated v1

Read the article to learn more about what React Native Reanimated is, how it works under the hood, and what idea stands behind the library.

cover

Apr 15Article

ReanimatedArc - Build Circular Animated UI Elements in React Native

Build good-looking and smooth animated arcs in React Native with ReanimatedArc library.

cover

Oct 25Article

Custom Screen Transitions in React Navigation

Wondering how to custom a screen transition animation in React Navigation? Check this step-by-step guide.

cover

Aug 8Article

Reanimating Your React Native Experience

Read how to achieve delightful developer experience with react-native-gesture and react-native-animated.

cover

Jan 17Article

React Native Animations Revisited - Part III

Learn how to respond to screen gestures with PanResponder. Check the last part of our Callstack series on React Native animations!

cover

Jan 10Article

React Native Animations Revisited - Part II

In this part of the three-part guide about animations in React Native we cover creating animations with Animated API.

cover

Mar 19Tutorial

The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model

Learn how React Native AI uses a unified provider model to switch between cloud and on-device LLMs without rewriting application logic, enabling reliable AI experiences online and offline.

cover

Mar 12Tutorial

Build Smarter Apps: Tool Calling & AI Orchestration Explained

Learn how on-device models in React Native can call tools, interact with external APIs, and return structured outputs you can use directly in application logic.

cover

Mar 5Tutorial

MLC LLM + React Native: On-Device AI Without the Pain

Learn how to run third-party on-device LLMs in React Native using MLC LLM. Choose your models, run them efficiently across platforms, and keep a unified JavaScript API with React Native AI.

cover

Feb 24Tutorial

Intelligent Fallbacks with Apple Intelligence in React Native

Learn how to use Apple’s built-in Foundation Models in React Native apps, reduce memory usage, and enable fast, fully on-device AI with React Native AI Apple.

cover

Feb 10Tutorial

What Is the React Native AI SDK? A Complete Intro & Quickstart

Learn why on-device AI matters for React Native apps, how local LLMs behave offline, and what problems React Native AI is designed to solve from day one.

cover

Jan 29Tutorial

Implementing an Android TurboModule with Kotlin

Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.

cover

Jan 19Tutorial

Working with Different Threads in Swift TurboModules

Learn how JavaScript, native module, background, and main threads interact in React Native TurboModules, and how to use GCD queues to run async work safely in Swift.

cover

Jan 9Tutorial

How to Add Type-Safe Constants to Swift TurboModules

Learn how to expose typed, immutable constants from a Swift TurboModule using Codegen, and get full end-to-end type safety between native and JavaScript.

cover

Dec 30Tutorial

Adding Event Emitters to Your TurboModule in Swift

Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.

cover

Dec 22Tutorial

Writing Your First TurboModule in Swift

Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.