3D Food Delivery App w/ React Native and React three Fiber

Published: 22 March 2024
on channel: Wawa Sensei
10,431
480

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/course...

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

#threejs #reactnative #reactthreefiber

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

Sandwich ingredients model
https://sketchfab.com/3d-models/sandw...

Download Android Studio
https://developer.android.com/studio

React Three Fiber React Native documentation
https://docs.pmnd.rs/react-three-fibe...

Expo Metro Config
https://docs.expo.dev/guides/customiz...

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


Zustand Library
https://github.com/pmndrs/zustand

React Spring
https://docs.pmnd.rs/react-three-fibe...

▬▬▬▬▬▬ 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:
   / @wawasensei  

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

💻 The Discord Community
  / discord  

📸 Instagram :
  / wawa.sensei  

🎎 Facebook :
  / wawasenseiyt  

🐦Twitter :
  / wawasensei  

🐦TikTok :
  / wawasensei08  

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


Watch video 3D Food Delivery App w/ React Native and React three Fiber online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 22 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,431 once and liked it 480 people.