React Native for beginners - Vibe Coding a 3D GAME in React Native and ThreeJS (with AI)

👉 Get started with Genezio for free: https://bit.ly/3FwHvR5 ❗️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo: https://www.notjust.dev/react-native-mastery In this video, we're trying something new called vibe coding where we build something just by prompting AI. You’ll learn how to build a 3D game in React Native and Three.js, without writing every line of code yourself. Instead, you’ll use AI to generate and refine code while shaping your own version of a sandbox style game inspired by Minecraft. Let’s see how far we can go with AI-driven game development! 📚 Source code: https://github.com/notJust-dev/VibeCraft 📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn: 👉 How to build a 3D game in React Native using Expo and Three.js for WebGL-powered graphics. 👉 How to leverage AI for game development by prompting it to generate and refine code. 👉 How to implement interactive 3D worlds using react-three-fiber in a mobile app. 👉 How to use Expo for development and deploying cross-platform (iOS, Android, and web). 👉 How to create procedural environments in a voxel-style game similar to Minecraft. 👉 How to handle game logic and user input in React Native with touch and gesture controls. 👉 How to integrate physics and animations to bring life to your game world. 👉 How to optimize rendering performance for smooth gameplay on mobile devices. .. and MORE! 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions 💬 Join the notJust Development gang and let's build together: Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Intro and Project Overview 4:50 Initialising a New Project 8:36 Setting up Three.JS in React Native 19:10 Creating a Basic World 28:18 Adding Joysticks, Movement and Rotation 36:57 Adding the Sky and Fog 41:10 Adding Physics 45:54 Adding different Block Types 51:42 Moving to Gesture Handler 1:02:00 Moving to React Native Reanimated 1:26:45 Fixing the Joysticks and Jumping 1:36:57 Adding more Blocks and Better Lighting 1:51:55 Highlighting clicked block 2:22:43 Implementing Destroy Blocks Feature 2:31:30 Improving the Rotation 2:48:30 Fixing the Block Destroy Indicator 2:51:30 Creating the Inventory HUD 2:54:57 Trying to Implement the Building Feature 3:11:53 Implementing Building Feature 3:21:58 Building a Dirt "House" 3:24:04 Trying to Generate a Bigger World 3:35:05 Adding Trees to the World 3:55:32 Game Demo and Outro #notjustdev #threejs #reactnative