Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46

React Universe On Air

Player FM - Internet Radio Done Right

16 subscribers

Ditambah four tahun yang lalu

Kandungan disediakan oleh React Universe On Air. Semua kandungan podcast termasuk episod, grafik dan perihalan podcast dimuat naik dan disediakan terus oleh React Universe On Air atau rakan kongsi platform podcast mereka. Jika anda percaya seseorang menggunakan karya berhak cipta anda tanpa kebenaran anda, anda boleh mengikuti proses yang digariskan di sini https://ms.player.fm/legal.

Obscurities

1
The Lead Masks Mystery: Death on Vintém Hill 5:58

18 days ago5:58

Main Kemudian

Senarai

Suka

Disukai

5:58

In 1966, two Brazilian men were found dead on Vintém Hill under bizarre circumstances that continue to perplex investigators and conspiracy theorists alike. Lying side by side, their bodies were discovered wearing matching lead masks—shields with no eyeholes—alongside cryptic notes. Were they victims of a cult ritual, a failed experiment, or something even more otherworldly? See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info .…

about a year ago 42:15

MP3•Laman utama episod

In 2020, Shopify decided to switch to React Native for both new and existing apps. In November 2024, the migration of their mobile app was officially over, resulting in a remarkable 86% unification of code across platforms and a streamlined development process that stems from eliminating 1.8 million lines of redundant code, reducing build times, and achieving seamless feature parity between iOS and Android. Let’s take a closer look at the decision-making process involved in this transformation with Mike Grabowski (@grabbou at X) as our host and Mustafa Ali (@mustafa01ali at X), Shopify's Director of Engineering, as his guest. Learn about the motivations for this change, such as reducing duplicated efforts and enabling seamless developer collaboration across web and mobile, the challenges faced, particularly in optimizing performance for their high-usage point-of-sale app, and the essential role of native developers in ensuring exceptional app performance and user experience. Check out episode resources on our website 🧠 https://hubs.li/Q031_HNC0 Download free React Native Migration Guide 📖 https://hubs.li/Q031_Hxy0 Share your feedback on this episode ✨ https://bit.ly/feedback46 Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q030Y5mp0 Check out other episodes of our podcast 🎧 https://hubs.li/Q031_Qmf0 Follow us on X 🐦 https://twitter.com/callstackio

77 episod

#Tech #Callstack

Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46

React Universe On Air

16 subscribers

published about a year ago

Kongsi

MP3•Laman utama episod

77 episod

#Tech #Callstack

كل الحلقات

1
How Definitely Typed Changed TypeScript Forever | React Universe On Air #26 38:59

7 days ago38:59

38:59

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…

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

28 days ago54:30

54:30

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…

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

6 weeks ago49:28

49:28

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…

1
Mobile Microfrontends With Zephyr Cloud and Re.Pack | React Universe On Air #47 51:00

9 weeks ago51:00

51:00

Picture this: your teams are innovating independently, deploying updates swiftly, and navigating complex app architectures with ease. Microfrontends make this possible, much like microservices revolutionized backend development. But what about mobile? How can this approach transform your app development strategy? To explore these questions, we’re joined by Zack Chapple (https://x.com/Zackary_Chapple ), Co-founder and CEO of Zephyr Cloud, and Jakub Romańczyk (https://x.com/_jbroma ), maintainer of Re.Pack at Callstack. They dive into the evolution of microfrontends, starting with the fundamentals: what they are, why they matter, and how technologies like Module Federation enable them. Zack shares insights on tools like Webpack, Rspack, and Zephyr Cloud, showing how they streamline managing complex frontends. The episode then shifts focus to mobile, where Zack and Jakub break down the Zephyr Cloud and Re.Pack collaboration. Learn how to tackle platform-specific challenges like managing version compatibility, over-the-air updates, and reducing bundle sizes—all while staying app store compliant. Plus, hear about real-world scenarios, like dynamically loading features or ejecting unused code to optimize performance, and get a sneak peek at Re.Pack 5. Check out episode resources on our website 🧠 https://hubs.li/Q034233Q0 Check out other episodes of our podcast 🎧 https://hubs.li/Q034237L0 Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03423Hs0 Sign up for Callstack newsletters ✉️ https://hubs.li/Q034235v0 Follow us on X 🐦 https://twitter.com/callstackio…

1
Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46 42:15

11 weeks ago42:15

42:15

1
Universal React Native Apps with DOM and React Server Components | React Universe On Air #45 1:05:26

13 weeks ago1:05:26

1:05:26

In this episode, we’re taking a closer look at two solutions that can redefine how we build universal React Native apps: DOM Components and React Server Components. They promise faster and better development—think low-latency interactions, offline capabilities, and the flexibility to scale effortlessly. If you're looking to future-proof your team's workflow and deliver apps that delight users regardless of the platform, this is a must-listen. To discuss DOM & React Server Components in detail, Łukasz invited Evan Bacon, the creator of Expo Router and Engineering Manager at Expo. Throughout the episode, Evan shares his expertise and journey in creating tools like DOM Components, which enable developers to integrate web code seamlessly into React Native apps, and React Server Components, simplifying server-driven rendering for mobile applications. Check out episode resources on our website 🧠 https://hubs.li/Q030XWL_0 Share your feedback on this episode ✨ https://bit.ly/fdbck45 Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q030XWT40 Check out other episodes of our podcast 🎧 https://hubs.li/Q030XWMz0 Sign up for Callstack newsletters ✉️ https://hubs.li/Q030XWLD0 Follow us on X 🐦 https://twitter.com/callstackio…

1
React Native FastIO: Nitro-Powered Performance Boost | React Universe On Air: Coffee Talk #25 45:27

15 weeks ago45:27

45:27

React Native FastIO: Nitro-Powered Performance Boost | React Universe On Air: Coffee Talk #25 by Callstack

1
Radon IDE: Better Developer Experience for React Native Teams | React Universe On Air #44 52:15

17 weeks ago52:15

52:15

In this episode of the React Universe On Air podcast, Ola has invited Krzysztof Magiera, the Director of Engineering at Software Mansion, to talk about Radon IDE and why it can be considered a game-changer for React Native developers. Their conversation revolves around: ➡️ the challenges of the available React Native tooling, ➡️ what made Krzysztof start working on Radon IDE, ➡️ how community feedback contributed to what the tool is today, ➡️ the key features of Radon IDE, and how they improve developer velocity and productivity. Check out episode resources on our website 🧠 https://hubs.li/Q02ZVm8Z0 Share your feedback on this episode ✨ https://bit.ly/ep44feedback Check out other episodes of our podcast 🎧 https://hubs.li/Q02ZVm030 Sign up for Callstack newsletters ✉️ https://hubs.li/Q02ZVm040 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
Building a Custom AI Assistant for Your Business | React Universe On Air: Coffee Talk #24 55:35

18 weeks ago55:35

55:35

In this episode, Kuba is joined by Kewin, a member of Callstack’s AI team at the R&D Department and the co-creator of Cassandra. Together, they talk about everything you need to know about building a custom AI assistant, from why we chose OpenAI’s ChatGPT to the challenges faced and solutions devised to craft a functional and efficient internal chatbot. They also share some interesting insights about the considerations for performance and security, as well as the future of AI in workplace management. Check out episode resources on our website 🧠 https://hubs.li/Q02Yv4ZK0 Share your feedback on this episode ✨ https://bit.ly/ct24feedback Let us know what you think of Callstack 📄 https://hubs.li/Q02Zjv9X0 Check out other episodes of our podcast 🎧 https://hubs.li/Q02ZjQH80 Sign up for Callstack newsletters ✉️ https://hubs.li/Q02Yv4XJ0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
What’s New in Next.js 15 | React Universe On Air: Coffee Talk #23 38:03

21 weeks ago38:03

38:03

Grab your coffee, sit back, and tune in to the 23rd Coffee Talk episode, where we break down Next.js 15 and the updates it brings to the table. This time, Ola and Łukasz are joined by Szymon Chmal, and together, they spill the beans on React 19 support, caching, Turbopack, Server Actions security, and more! Check out episode resources on our website 🧠 https://hubs.li/Q02WX9fc0 Share your feedback on this episode ✨ https://bit.ly/ct23feedback Check out other episodes of our podcast 🎧 https://hubs.li/Q02WX6NP0 Sign up to receive curated content for tech leaders and developers ✉️ https://hubs.li/Q02WX6_x0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
How to Handle App Center Retirement | React Universe On Air #43 54:43

22 weeks ago54:43

54:43

What is this, a crossover episode? You bet! React Universe On Air is joining forces with React Native Radio once again to help you navigate App Center’s retirement. In March 2024, Microsoft announced the sunset of App Center in 12 months. Bearing in mind how big of a deal CodePush is for React Native applications, it’s a radical change for developers and businesses alike. We’re releasing this episode six months before it actually takes place because it’s high time you started planning migration (if you haven’t already). In this episode, we discuss the impact of App Center's sunsetting on businesses, explore the best alternatives, and provide actionable insights on how to prepare for the transition. And since our focus is the React Native ecosystem, Łukasz Chludziński and Mazen Chami invited a very special guest: Quinlan Jung from Expo. Together, they talk about: 💜 the meaning of App Center retirement 💜 community reception of this piece of news 💜 most frequently used App Center’s functionalities and their replacements 💜 how Expo Application Services fit the picture 💜 migration tips for businesses, especially enterprises Check out episode resources on our website 🧠 https://hubs.li/Q02Vr44t0 Share your feedback on this episode ✨ https://bit.ly/ep43feedback Check out other episodes of our podcast 🎧 https://hubs.li/Q02VgpsK0 Sign up to receive curated content for tech leaders and developers ✉️ https://hubs.li/Q02Vgpsd0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
Superfast Nitro Modules with Marc Rousavy | React Universe On Air: Coffee Talk #22 1:06:53

24 weeks ago1:06:53

1:06:53

Fasten your seatbelts, and get ready to learn about Nitro Modules straight from its creator, Marc Rousavy! On September 13, Marc released Nitro Modules to the public. If you haven’t heard about it yet, it’s high time caught up, because it’s a framework for creating fast native modules that significantly outperform Turbo and Expo Modules, making your React Native app even faster! Tune in to the episode to learn about: 💜 what led to the creation of Nitro Modules 💜 technical details and benefits of Nitro Modules 💜 performance comparison with Turbo Modules and Expo Modules 💜 behind the scened of Nitro Modules development 💜 starting a new project and migrating an old one to Nitro Modules 💜 developer experience and plans for the future Share your feedback on this episode ✨ https://bit.ly/coffeetalk22feedback Check out episode resources on our website 🧠 https://hubs.li/Q02Tps_l0 Check out other episodes of our podcast 🎧 https://hubs.li/Q02T28BP0 Sign up to receive curated content for tech leaders and developers ✉️ https://hubs.li/Q02T282n0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
How to Get Started With 3D in React | React Universe On Air: Coffee Talk #21 1:05:33

27 weeks ago1:05:33

1:05:33

Why settle for flat graphics, when you can see the React Universe in 3D? In this Coffee Talk, Jakub invited three very special guests to dig deep into the topic of 3D rendering in React and React Native: 💜 Chris Baumgartner - Maintainer at Poimandres Dev Collective 💜 Cody Bennett - Graphics Engineer at Encube 💜 Mario Pasiński - Callstak’s developer involved in bringing 3D rendering to React Native VisionOS In their discussion, Jakub and his guests discuss the role of 3D in modern applications (going beyond games) and how this specific ecosystem is evolving. They also share practical tips for developers looking to incorporate 3D elements into their applications, from answering the question of whether you actually need to be good at math to do 3D to covering key libraries like React Three Fiber, Three.js, or Babylon.js. You can also expect a deep dive into what WebGPU and WebGL have to offer now, as well as what the future will bring for them and the entire 3D realm. Share your feedback on this episode ✨ https://bit.ly/ct21feedback Check out episode resources on our website 🧠 https://hubs.li/Q02R2fx00 Check out other episodes of our podcast 🎧 https://hubs.li/Q02Q4nGH0 Sign up to receive curated content for tech leaders and developers ✉️ https://hubs.li/Q02Q4nGQ0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
Crossing Paths of React And React Native Ecosystems | React Universe On Air #42 1:04:54

30 weeks ago1:04:54

1:04:54

Here comes the moment we’ve all been waiting for: the first episode released under the new name! Callstack’s podcast has changed from The React Native Show to React Universe On Air to reflect a broader scope of topics we want to discuss, spanning not only React Native, but also React and beyond. That’s why we decided to kick off the refreshed brand with an episode that also sits at the intersection of both React and React Native ecosystems. And what better way to do this than to get together three podcasters: 💜 Jack Herrington, Principal Engineer and YouTube Educator focusing on React, 💜 Simon Grimm, Founder of Galaxies.dev and YouTube Creator focusing on React Native, 💜 our own Łukasz Chludziński, the host of Callstack’s podcast marrying the two worlds together. The trio discusses: ✨ the evolution, similarities, and differences between the React and React Native ecosystems, ✨ community dynamics and latest advancements, ✨ the challenges and benefits of working with React-based technologies, ✨ the ins and outs of developing apps in React Universe for different platforms, ✨ the future of React in the software development world. Share your feedback on this episode ✨ https://bit.ly/ep42feedback Check out episode resources on our website 🧠 https://hubs.li/Q02NHzFH0 Check out other episodes of our podcast 🎧 https://hubs.li/Q02N8TWV0 Sign up to receive curated content for tech leaders and developers ✉️ https://hubs.li/Q02N8TWg0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

1
We’re Changing Into React Universe On Air | React Universe On Air Special 3:57

32 weeks ago3:57

3:57

✨ In September 2024, The React Native Show has become React Universe On Air ✨ In this short special, we want to give you a better understanding of the whys and how behind the rebranding of Callstack’s podcast. We got Łukasz and Kuba together in the studio to reflect on: 💜 the evolution of the show since its inception in July 2020, 💜 the changes in format over the years, 💜 the impactful guests who have been part of this journey, 💜 the changes that await you as we become React Universe On Air. Let’s say we’re opening a new chapter in the history of the good old podcast you knew - and we can’t wait for you to write it with us! Buy ticket to React Universe Conf 2024 🎟 https://hubs.li/Q02Kn7yf0 Check out other episodes of our podcast 🎧 https://hubs.li/Q02Kn7xj0 Sign up for our newsletter for developers and tech leaders 📧 https://hubs.li/Q02Kn7xl0 Follow us on Twitter 🐦 https://twitter.com/callstackio…

Selamat datang ke Player FM

Player FM mengimbas laman-laman web bagi podcast berkualiti tinggi untuk anda nikmati sekarang. Ia merupakan aplikasi podcast terbaik dan berfungsi untuk Android, iPhone, dan web. Daftar untuk melaraskan langganan merentasi peranti.

Dengarkan lebih 500+ topik

16 subscribers

Sama dengan React Universe On Air

Pink Pony Club

Tubi: Watch Free Movies & TV Shows

Minecraft

Podcast Berbaloi untuk Didengar

React Universe On Air « » Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46

Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46

Podcast Berbaloi untuk Didengar

Selamat datang ke Player FM

Medicube Zero Pore Pads 2.0, Dual-Textured Facial Toner Pads for Exfoliation and Pore Care with 4.5% AHA Lactic Acid & 0.45% BHA Salicylic Acid, Ideal for All Skin Types, Korean Skin Care (70 Pads)

TurboTax Premier 2024 Tax Software, Federal & State Tax Return [PC/MAC Download]

Topps 2025 Baseball Series 1 Factory Sealed Value Box - Baseball Complete Sets

Monster High Boo-riginal Creeproduction Doll, Toralei Collectible Reproduction with Doll Stand, Diary, and Pet Saber-Tooth Tiger Sweet Fangs

Sama dengan React Universe On Air

Panduan Rujukan Pantas

React Universe On Air « »
Lessons from Shopify's Migration to React Native with Mustafa Ali | React Universe On Air #46