--- title: "How to Get Started With 3D in React" description: "Learn how to implement 3D in React apps, learn more about top libraries like React Three Fiber, and dive into WebGPU's future." url: https://www.callstack.com/podcasts/how-to-get-started-with-3d-in-react updated: 2026-10-24T08:39:42.538Z --- # How to Get Started With 3D in React Learn how to implement 3D in React apps, learn more about top libraries like React Three Fiber, and dive into WebGPU's future. _Guests: Cody Benett, Developer @ Poimandres; Kris Baumgartner, Developer @ Poimandres; Mariusz Pasiński, Software Engineer @ Callstack · Host: Jakub Urban, Software Engineer @ Callstack · Published 2024-09-24 · Duration 01:05:34 · Category: React_ Listen: [YouTube](https://youtu.be/Olh_sE0BL1s) · [Spotify](https://open.spotify.com/episode/1OcZFRmH0QjYQf49ZrvzSO?si=svKB2vZoQA6DCaTfiLUQ_Q) · [Apple Podcasts](https://podcasts.apple.com/us/podcast/how-to-get-started-with-3d-in-react-react-universe-on/id1525543072?i=1000670522172) · [SoundCloud](https://soundcloud.com/user-985069846/how-to-get-started-with-3d-in-react-react-universe-on-air-coffee-talk-21/s-nULOIjfOUVa?si=07d7d5d62dde47a0b122f2f0c92879a2) 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 ## Why should you care about 3D as a React developer? 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. ## Resources on 3D in React and React Native - [React Three Fiber Docs](https://r3f.docs.pmnd.rs/getting-started/introduction) Insights ## Learn more about React Here's everything we published recently on this topic. [View all](https://www.callstack.com/insights) - [Writing Custom Renderers for React](https://www.callstack.com/blog/writing-custom-renderers-for-react) (Jun 24 · Article): Learn how React renderers work, why RNTL needed a new test renderer, and what it takes to connect React Reconciler to a host environment. - [Building iOS Live Activities With React: Inside Voltra](https://www.callstack.com/events/building-ios-live-activities-with-react) (Dec 18 · Live Stream): Learn how to build iOS Live Activities and Dynamic Island experiences using pure JSX, no Swift or native code required. - [From React Native Web to React Strict DOM](https://www.callstack.com/podcasts/from-react-native-web-to-react-strict-dom) (Nov 27 · Podcast): Nicolas Gallagher (Meta) explains how React Strict DOM evolved from React Native Web, providing a shared syntax that compiles to native or web with zero overhead. - [React Foundation: New Governance Model for React and React Native](https://www.callstack.com/podcasts/react-foundation-new-governance-model-for-react-and-react-native) (Nov 21 · Podcast): Seth Webster, Executive Director of the React Foundation, details its new governance model, Meta's role, and how partners like Callstack and Microsoft will ensure stability and scale. - [Exploring TanStack Ecosystem: From React Query to TanStack Start](https://www.callstack.com/podcasts/exploring-tanstack-ecosystem-with-tanner-linsley) (Apr 9 · Podcast): Tanner Linsley breaks down TanStack’s evolution-from React Query to Start, and why client-first React apps still matter in today’s full-stack landscape. - [Create React App is Out: Exploring Alternatives & Community Proposals](https://www.callstack.com/events/create-react-app-is-out-exploring-alternatives-community-proposals) (Feb 20 · Live Stream): CRA is now deprecated, so we explore other options for starting web React projects, going through Vite, TanStack Router, Parcel, and Rsbuild to check the developer experience. - [State of React 2024 Breakdown](https://www.callstack.com/events/state-of-react-2024-breakdown) (Feb 13 · Live Stream): Let's take a deep dive into the long-awaited State of React survey from 2024; brace yourselves for a two-hour ride. - [The Complete Developer Guide to React 19, Part 3: Upgraded Support](https://www.callstack.com/blog/the-complete-developer-guide-to-react-19-part-3-upgraded-support) (Sep 9 · Article): Learn how React 19's new features enhance SEO, page performance, and custom elements support for better, faster web applications. - [Welcome to the React Universe](https://www.callstack.com/events/welcome-to-the-react-universe) (Sep 5 · Talk): This is the Keynote talk presented at React Universe Conf 2024, the largest community conference that unites developers and thought leaders to explore trends, share insights, and push the boundaries of React and React Native.