3D graphics in React & React Native using React-three-fiber

3D experiences are awesome, but they can feel a bit intimidating, especially for regular web developers. In this talk, I’ll show you that building 3D graphics doesn’t have to be hard, even if you’re just starting out. I’ll focus on how to get 3D graphics running on both web and mobile apps. You don’t need to be an experienced developer—the very basics of React will be enough to get started.

I’ll walk you through how to use tools like React Native, Expo-GL, and React Three Fiber to create 3D experiences, how to keep them performant, and what you need to consider to make sure they work smoothly on all platforms.

Detailed Outline:
This talk will feature a practical example of building 3D graphics using React Native, Expo-GL, and React Three Fiber, with a comparison of alternative tools. The example project will use Expo, so it works on all three platforms (web, iOS, and Android) right from the start.

Key topics include:
• Building a 3D scene with React Three Fiber
• Adding objects and materials to the scene
• Setting up lighting
• Animating objects in the scene
• Rendering the final output

Once I’ve covered the basics of building 3D graphics, I’ll move into more advanced setups. I’ll explain important concepts like cross-platform limitations, performance tips, and how to optimize for smooth experiences on web and mobile.

This talk is for anyone curious about adding 3D graphics to their React or React Native projects, even if you’re completely new to it. I’ve given a similar talk in two other conferences last year, Chain React, and App.js Conf.