✨ In September 2024, The React Native Show has become React Universe On Air ✨ 

Want to know more about optimizing animations in your React Native app? Download The Ultimate Guide to React Native Optimization and discover tips and tricks you need to deliver a performant app https://www.callstack.com/campaigns/download-the-ultimate-guide-to-react-native-optimization?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=remotion_animation

Łukasz Chludziński (https://twitter.com/loginlukasza), the host of the React Native Show, invited a special guest to this episode – Jonny Burger (https://twitter.com/JNYBGR), the creator of Remotion. They talk extensively about Remotion, but since this podcast is about React Native, they delve into the topic of animations in React Native as well. 

In the first part of the episode, you’ll learn everything you need to know about Remotion, for example:

- what Remotion is
- what problems it solves
- what the benefits of using Remotion are
- what features is Jonny looking forward to developing

This episode wouldn’t be complete without focusing on animations in React Native. That’s why the second part of the episode focuses solely on this topic. Łukasz and Jonny discuss the ways to animate things in React Native, starting with the least complex and ending with the most complex solutions:

- CSS
- LayoutAnimation
- Animated
- Reanimated
- Rive
Lottie


Enjoy the episode, and don’t forget to subscribe to our channel for more content like this! 

If you want to read more about animations in React Native, check out this blog post:
https://www.callstack.com/blog/60fps-animations-in-react-native?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=remotion_animation


Need help with your React Native project? Give us a shout!
https://www.callstack.com/services?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=animations_remotion

Check out other episodes of our podcast: 
http://www.callstack.com/podcast-react-native-show?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=animation_remotion

Do you want to work with us? We’re looking for Senior React Native developers! Check out the details and apply here:
http://www.callstack.com/podcast-react-native-show?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=animation_remotion  

Follow us on Twitter to stay up to date with upcoming episodes:
https://twitter.com/callstackio

Remotion and Animations in React Native | React Universe On Air #E20

Reanimated 4 is here to change the way we build animations in React Native. With CSS-style animations and transitions, animations are now easier to write, more predictable, and work more like they do on the web.

In this episode, Ola Desmurs-Linczewska (https://x.com/p_syche_) sits down with Tomasz Zawadzki (https://x.com/tomekzaw_) and Mateusz Łopaciński (https://x.com/MatiPl01) from Software Mansion to discuss what’s new in Reanimated 4, why React Native is moving toward web standards, and what these changes mean for developers.

We talk about:
💜 Why Reanimated 4?—the motivation behind CSS-based animations and what problems they solve.
💜 How CSS animations & transitions work in React Native—use the syntax you already know!
💜 New Architecture-only support—why the old architecture is gone and what it means for migration.
💜 Aligning React Native with web standards—how Meta and the community are making React Native more like the web.
💜 Modularity and the future of Reanimated—splitting the library into smaller packages for better maintainability.
💜 Migration tips and developer experiments—how to upgrade, test new features, and start using CSS animations today.

Reanimated 4 is in beta now, so experiment with it and share your impressions in the comments!
Check out episode resources on our website 🧠 https://hubs.li/Q036Kc1k0 
Share your feedback on this episode ✨ https://bit.ly/fdbck48 
Become a speaker at React Universe Conf 2025 🎟 https://sessionize.com/react-universe-conf-2025/ 

Check out other episodes of our podcast 🎧 https://hubs.li/Q036KbNK0 
Sign up for Callstack newsletters ✉️  https://hubs.li/Q036KbNW0   
Follow us on X 🐦 https://twitter.com/callstackio  



Reanimated 4 is the Future of Smooth React Native Animations | React Universe On Air #48

Eighteen TV platforms, one codebase—what could possibly go wrong? Tune in to find out how to tackle the technical and UX challenges of building for Android TV, Apple TV, Fire TV, Tizen, and more—all with React Native!

In the 49th episode of React Universe On Air, Łukasz Chludziński (https://x.com/lukasz_app) teams up with Michael Khirallah (https://x.com/mkralla11), Senior Director of Engineering at DIRECTV, and Chris Trag (https://x.com/chris_trag), Developer Evangelist at Amazon, to discuss why cross-platform development is not just a time-saver but also a way to deliver a consistent user experience.

You know that at Callstack, we’re all about performance—and with devices like Samsung’s Tizen TVs released in 2017 (running Chromium 47!), performance is a serious concern. That’s why we asked our guests to share real-world techniques for optimizing TV apps, from architectural choices to strategies that avoid unnecessary performance hits on newer devices.

The complexity of TV app development doesn’t stop at coding, though. Our host and guests know it all to well, so they couldn’t help but discuss how they balance unit, integration, automation, and manual testing, leveraging tools like AWS Device Farm and custom-built frameworks to ensure stability across all supported platforms. What’s in it for you? Tips on automating QA without compromising thoroughness and why manual testing remains crucial for end-user experience.

Want to get started with React Native TV app development? Download our guide 📖https://hubs.li/Q038xx4l0 

Check out episode resources on our website 🧠 https://hubs.li/Q038xx3k0 
Check out other episodes of our podcast 🎧 https://hubs.li/Q038kRpf0 

Become a speaker at React Universe Conf 2025 🎟 https://sessionize.com/react-universe-conf-2025/ 
Sign up for Callstack newsletters ✉️ https://hubs.li/Q038kRnp0 
Follow us on X 🐦 https://twitter.com/callstackio


Multiple TV Platforms, One Codebase: React Native TV App Development | React Universe On Air #49

Ever wondered why TypeScript works so well with JavaScript libraries?  It’s thanks to Definitely Typed, a project that helps developers use these libraries with type safety and autocompletion 🚀

In this Coffee Talk episode of React Universe On Air, Mike Grabowski https://x.com/grabbou chats with Boris Yankov https://x.com/borisyankov, the creator and maintainer of Definitely Typed, to uncover its story 📚

🟣 TypeScript's Beginnings: Boris revisits 2012, discussing initial challenges and contributions 
🟣 Growth to Open Source Giant: From a personal project to a community powerhouse, aided by Microsoft 
🟣 TypeScript vs. Flow: Discover why TypeScript thrived with robust type definitions 
🟣 Functionality: How Definitely Typed integrates with NPM and TypeScript tooling 
🟣 Open-Source Dynamics: Insights into collaboration without strict leadership 
🟣 Top TypeScript Features: Boris and Mike's favorites, plus development tips 

Now, let’s hear from you! Have you ever contributed to Definitely Typed? If so, what library did you add types for and what challenges did you face? Share your experience to inspire new contributors! 🚀

Check out episode resources on our website 🧠 https://bit.ly/4jdRoSD 
Check out other episodes of our podcast 🎧 https://bit.ly/4hzoScR 

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03d4Hll0 
Sign up for Callstack newsletter ✉️ ​​https://bit.ly/4iVScLz 
Follow us on X 🐦 https://twitter.com/callstackio

How Definitely Typed Changed TypeScript Forever | React Universe On Air #26

Tanner Linsley joins React Universe On Air to unpack the evolution of the TanStack ecosystem—from React Table and React Query to TanStack Router and the newest addition to the family, TanStack Start ✨

What started as internal tooling for Nozzle became a suite of libraries that shaped how developers think about server state, routing, and full-stack React apps. In this episode, Tanner shares the technical decisions behind building framework-agnostic, headless tools—and explains why client-side architecture still matters in a server-first world.

You’ll also hear why TanStack Start isn’t just another full-stack framework, how React Server Components could be treated like server state, and what’s coming next for TanStack Router.

If you're building React apps at scale or deciding how to modernize your frontend stack, don’t skip this one!

Check out episode resources on our website 🧠 https://bit.ly/41Z876l
Check out other episodes of our podcast 🎧 https://bit.ly/3XIHBeU

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03g5cLM0
Sign up for Callstack newsletter ✉️  https://bit.ly/4lwS7QP
Follow us on X 🐦 https://twitter.com/callstackio

Chapters

00:00 Welcome to the React Universe
00:00 Introduction to Open Source and Server State
01:15 Meet our guest: Tanner Linsley
02:19 How Tanner got into programming
04:06 Early programming days when there was no React yet
05:41 Cross-platform beginnings
07:40 Open Source contributions
09:24 Working on Chart.js
14:12 React Table at Nozzle
16:58 How React Static started
20:53 React Query taking shape
27:53 Community reactions to React Query
33:18 Framework agnostic approach
36:26 Cross-platform frameworks comparison
37:56 Headless, type safety, and no dependencies
46:22 TanStack Router
01:00:59 TanStack Start
01:11:06 React Server Components
01:18:51 Wrap-up
01:20:29 React Universe Conf Speakers Announcement

TanStack Ecosystem with Tanner Linsley: React Query to TanStack Start | React Universe On Air #50

React Universe On Air is your go-to podcast for all things cross-platform and full-stack with React and React Native. Tune in to the conversations with tech creators and leading innovators about how the React ecosystem powers app development and business transformation.

423150

Remotion and Animations in React Native | React Universe On Air #E20

React Universe On Air

Related tracks