From Websites to Games: The Future of React Three Fiber

React Summit

React Summit 2024

Kris Baumgartner

Immersive React: Build Mixed Reality Apps with Meta Quest

React Summit US

React Summit US 2024

Take your existing React skills to the next level by learning how to create 3D, spatialized applications directly in the browser using WebXR on Meta Horizon OS with React Three Fiber and React Three XR. Building for mixed reality has never been easier. WebXR allows any React app to be transformed into an immersive experience using the same business logic, web standards, and tools you're already familiar with. In the first half of the workshop, you'll learn how to build 3D React apps using React Three Fiber, extend those apps into mixed reality with React Three XR and try them out using the provided Meta Quest headsets. In the second half, you will put your skills into practice by building a mixed reality app in one of two tracks:Business TrackBuild a mixed reality product configurator by going in depth on 3D UI, routing and multiple product variations directly in the user’s room with proper scaling.Game TrackBuild a mixed reality physics game where you throw digital objects at everything from the physical wall to other digital objects precariously stacked. We will cover game development basic, physics and advanced mixed reality features.

Web developers learn a lot of programming techniques in the pursuit of their career but often don't realize the depth of their own skill. React Three Fiber became a sensation among thousands of developers because it demonstrated that the knowledge they possess can be harnessed to create interactive 3D graphics. However, React Three Fiber has been stuck in the mindset of websites while the future of web increasingly moves toward immersive 3D experiences.In this presentation, we will explore the new generation of React Three Fiber and the changes being made to evolve it into a framework capable of supporting complex real time apps, such as live simulations and video games. Our goal is to give web developers a new moment of recognition where they look at a video game programmed with React and think, "I can do this"