Uploaded March 2024 | Updated September 2026, 1 week ago

---

Let's learn how to create a 3D Sandwich Configurator with React Native, Expo, Three.js and React three Fiber through this step-by-step video tutorial!

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/courses/react-three-fiber/

Final code 🔗
github.com/wass08/r3f-wawa-eats

#threejs #reactnative #reactthreefiber

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Sandwich ingredients model
sketchfab.com/3d-models/sandwich-assembly-2ee0a6ea4b7547ad9ced7ec5aade37c9

Download Android Studio
developer.android.com/studio

React Three Fiber React Native documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/installation

Expo Metro Config
https://docs.expo.dev/guides/customizing-metro/

Convert font to Typeface.js
gero3.github.io/facetype.js


Zustand Library
github.com/pmndrs/zustand

React Spring
https://docs.pmnd.rs/react-three-fiber/tutorials/using-with-react-spring

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 - Intro
01:03 - Create React Native App
04:13 - React Three Fiber Native
09:18 - Zustand State Management
12:25 - 3D Sandwich Ingredients
17:45 - Scroll views & Touchable Opacity
26:39 - Animations & Final Touch
31:10 - Final result
31:24 - See you soon

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
discord.gg/2wBhwchcWu

📸 Instagram :
instagram.com/wawa.sensei

🎎 Facebook :
facebook.com/wawasenseiyt

🐦Twitter :
twitter.com/wawasensei

🐦TikTok :
tiktok.com/@wawasensei08

💻 My website :
https://www.wawasensei.dev