The best vibe coding tools for mobile development Code with Beto 2025-03-09 | Master React Native alongside me → https://codewithbeto.dev/learnIn this video we explore top AI-assisted coding tools that let you describe your app ideas in plain language, enabling rapid mobile development.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro00:53 AI Tools Overview02:35 Bolt.new Emoji Mood Logger06:39 Replit Bounce Tap Game09:24 a0.dev Magic 8-Ball13:14 Appacella Tap-to-Change Color Game14:37 Appacella Magic 8-Ball15:56 Rork.app GIF Reaction Picker19:11 Makeway Emoji Mood Logger20:34 Conclusion⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #vibecoding #ai
Create Stunning App Icons with AI (For iOS & Android in Minutes) Code with Beto 2025-07-29 | Master React Native alongside me → https://codewithbeto.dev/learnLearn how to instantly generate stunning iOS and Android app icons using AI, no design skills needed.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862👨💻 Source Code → https://codewithbeto.dev/projects/icons-with-ai🗃️ Need a DB? Prisma → prisma.io/?via=betoLearn to install and setup SnapAIyoutu.be/PwZ7mEuHt84👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⌚ Timestamps ⌚00:00 Intro00:40 Prerequisites01:23 Setting Up SnapAI03:31 SnapAI Quick Start04:50 Generating an Icon with SnapAI06:26 Generating an Adaptive Icon for Android09:13 Splash Screen11:05 Testing on Android12:06 Icon Advice for iOS 1812:44 Using Apple Icon Composer16:02 Exporting and Using iOS Icons17:22 Testing on iOS 2619:00 Testing on iOS 18 and Older19:20 Where to Go from Here⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #icon #ai
React Native Charts for Beginners Code with Beto 2025-07-26 | Master React Native alongside me → https://codewithbeto.dev/learnIn this video, I show you how to create a simple yet beautiful chart using gifted charts package.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code → https://codewithbeto.dev/projects/simple-chartsyoutu.be/dlQPui1GVnwyoutu.be/53VXR_x3A0w👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⌚ Timestamps ⌚00:00 Intro01:00 Creating a new project01:51 Installing dependencies04:33 Implementing the BarChart16:17 Adding dummy data20:40 Caching data with memo23:07 Customizing navigation props24:42 Customizing BarChart28:42 Outro⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #charts #tutorial
How to Use Claude Code with React Native (Step-by-Step) Code with Beto 2025-07-20 | Master React Native alongside me → https://codewithbeto.dev/learnIn this video, I show you how I use Claude Code to build React Native apps—focusing on a simple camera app with essential features. You’ll see how I apply vibe coding, follow Git best practices, and share some personal tips for making the most of AI in your dev workflow.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code (Pro members only) → https://codewithbeto.dev/pricingyoutu.be/EVsJ-qlEQp8?si=tl5juYIvKXKYbjra👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⌚ Timestamps ⌚00:00 Intro01:17 Setup Claude Code01:59 Creating a New Project02:18 Installing Claude Code Extension02:49 Installing Dependencies03:39 App Inspiration Image05:46 Planning with Claude Code08:45 Creating Implementation Plan09:29 Crafting a Nice Prompt18:13 Testing Phase 119:53 Iterating with Phase 224:21 Testing App26:12 Outro⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #claudecode #ai
It’s now possible to use glass and glass prominent effects in buttons with Expo Ui Code with Beto 2025-07-17 | ...
Finally got a chance to test my speech-to-speech app on Android and it works!🚀 #reactnative #coding Code with Beto 2025-07-04 | ...
AI-Powered App Icon Generator for React Native + Expo Code with Beto 2025-06-22 | Master React Native alongside me → https://codewithbeto.dev/learnInstantly create, App-Store-ready icons from your terminal using AI image generation.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code → github.com/betomoedano/snapai👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #ai #mobileappdevelopment
how to implement the new Liquid Glass bottom tabs in your app! #mobileappdevelopment #liquidglass Code with Beto 2025-06-12 | ...
Liquid Glass Bottom Tabs with React Native Expo — Step by Step Code with Beto 2025-06-12 | Master React Native alongside me → https://codewithbeto.dev/learnLearn how to implement the new Liquid Glass design on bottom tabs in your React Native Expo app.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code (Pro members only) → https://codewithbeto.dev/pricing👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #liquidglass #mobileappdevelopment
How to Deploy Your React Native Expo App to the App Store Code with Beto 2025-05-21 | Master React Native alongside me → https://codewithbeto.dev/learnLearn how to get your Expo app on the App Store in just minutes, using the npx testflight command💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code → https://codewithbeto.dev/projects/shopping-list-app👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #ExpoSDK53 #mobileappdevelopment
How to upgrade from Expo SDK 52 to 53 #coding #reactnative #softwareengineer Code with Beto 2025-05-20 | ...
How to upgrade from Expo SDK 52 to 53 Code with Beto 2025-05-20 | Master React Native alongside me → https://codewithbeto.dev/learnLearn how to upgrade your Expo app from SDK 52 to SDK 53 in just a few minutes.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code → https://codewithbeto.dev/projects/shopping-list-app👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #ExpoSDK53 #mobileappdevelopment
How I handle keyboard avoidance in React Native Code with Beto 2025-05-14 | Master React Native alongside me → https://codewithbeto.dev/learnIn this video, I show how I use react-native-keyboard-controller with Reanimated to smoothly avoid the keyboard💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🗃️ Need a DB? Prisma → prisma.io/?via=beto👨💻 Source Code → https://codewithbeto.dev/projects/keyboard-avoiding👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #Keyboardavoidance #mobileappdevelopment
Tutorial Expo Router & Prisma Accelerate Code with Beto 2025-05-11 | Master React Native alongside me → https://codewithbeto.dev/learn📁 Prisma → prisma.io/?via=betoLearn how to build and deploy a full-stack Todo app using Expo Router, Prisma Accelerate, and EAS Hosting. This video covers setup, API routes, caching, and deployment using Prisma’s new managed Postgres offering.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862👨💻 Source Code → https://codewithbeto.dev/projects/todo-app-expo-prisma👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join⌚️ Timestamps ⌚️00:00 Introduction01:34 Prerequisites01:56 Creating a Prisma Workspace02:57 Creating a New Expo Project03:26 Adding Prisma Database Environment Variables04:10 Installing Prisma Accelerate04:22 Adding Prisma Schema06:17 Creating Our API Route10:07 Posting Todos from the Client13:43 Fetching Todos16:49 Caching Data with Accelerate20:38 Deploying Our API23:57 Security Recommendations25:23 Conclusion⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #postgresql #mobileappdevelopment
Build ChatGPT Voice Chat in React Native & Expo Code with Beto 2025-04-20 | Master React Native alongside me → https://codewithbeto.dev/learnBring natural voice conversations to your app — just like ChatGPT’s voice mode.Built with React Native, Expo, and OpenAI’s Realtime API using WebRTC, available now at codewithbeto.dev💻 Get the app code → https://codewithbeto.dev/resources/quickCall👯 Join the Discord → discord.gg/dbYfWFw862👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.coYour support helps me continue creating amazing projects!⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #openai #mobileappdevelopment
Expo SDK 53: React 19, Expo UI, EAS Caching, Maps, and SQLite on Web Code with Beto 2025-04-12 | Master React Native alongside me → https://codewithbeto.dev/learnDiscover the latest features in Expo SDK 53, including React 19 support, the new Expo UI, EAS caching, SQLite on web, and more💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862🤑 Budget Buddy App → https://codewithbeto.dev/projects/budget-buddy-app📂 Expo SDK 53 Blog → https://expo.dev/changelog/sdk-53-beta👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.coYour support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro00:34 Create an app using SDK 5301:22 Upgrade to SDK 5303:05 React 19 new features04:40 New architecture enabled by default04:58 Edge-to-edge by default for Android05:49 New Expo UI11:20 EAS caching local builds13:01 New Expo Maps module14:23 Faster Android build times15:11 Allow clients to switch Expo updates15:34 React Server Functions support15:51 Deploy with one command: npx testflight16:22 Expo SQLite support for web16:54 Improved errors with React 19.117:21 Conclusion⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #expo #mobileappdevelopment
Build a Modern Multi-User Chat App with React Native, Expo, Clerk & Appwrite (Real-Time) Code with Beto 2025-04-01 | Learn how to build a real-time multi-user chat app using React Native and Expo with Clerk for Passkeys & Google Sign-In and Appwrite for the backend. Seamless auth, modern UI, real-time updates—everything you need to ship a production-ready chat app.🔐 Clerk → go.clerk.com/Wt70O5j🏎️ Appwrite → https://t.co/QT5J6j7yVZ💻 Code → https://codewithbeto.dev/projects/modern-chat-app👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.coYour support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro00:51 Demo05:15 Resources05:40 Creating a New App05:59 Resetting Project06:55 Setting Dark Interface Style07:33 Installing Dependencies09:32 Setting Up Clerk16:22 Adding Authentication Flow27:11 Sign In Screen41:20 Adding Chat Screens49:20 Modeling Chat Data52:48 Displaying Chatrooms with Dummy Data59:04 Setting Up Appwrite1:02:15 Creating a Database1:07:45 Inserting Chatrooms1:08:50 Configuring Appwrite in the App1:12:47 Fetching Chatrooms1:17:44 Creating Chatrooms1:23:42 Chatroom Screen1:26:08 Creating Messages1:35:48 Fetching Messages by Chatroom ID1:38:12 Customizing Messages List1:40:08 Message Item Component1:43:48 Adding Realtime Listener1:45:59 Implementing Profile Screen1:48:17 Displaying User Passkeys1:50:09 Creating Passkeys1:51:45 Conclusion👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@codewithbeto⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #clerk #appwrite
What You’ll Learn in My React Native Course Code with Beto 2025-03-22 | Master React Native alongside me → https://codewithbeto.dev/learn💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ Contact: beto@codewithbeto.dev#reactnative #reactnativecourse #mobileappdevelopment
I Tried TikTok’s Lynx – Is It Better Than React Native? Code with Beto 2025-03-08 | Master React Native alongside me → https://codewithbeto.dev/learnTikTok just open sourced Lynx, a new framework with truly native UI performance. In this video, I test it out and share my thoughts.💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro02:52 Lynx Environment Setup07:14 Styling with CSS 08:17 Fetching Data14:48 Exploring Lynx Components18:30 Conclusion ⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #lynx #tiktok
Getting Started with EAS Workflows | React Native CI/CD Code with Beto 2025-02-08 | Learn how to use EAS Workflows to streamline your React Native CI/CD pipeline. Automate builds, submissions, and updates effortlessly. This is just one lesson from my React Native course—check it out to learn more about EAS and React Native! 🚀 https://codewithbeto.dev/learn🔁 EAS Workflows → https://expo.dev/eas/workflows💻 Free projects → https://codewithbeto.dev/projects👯 Join the Discord → discord.gg/dbYfWFw862👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro00:51 Recap02:14 Connecting GitHub repository03:15 EAS Workflows vs. alternatives04:12 Creating our first workflow07:02 Triggering a workflow08:54 Running a workflow manually10:10 Switching trigger branch to main⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/G2RnuUD8Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev► Eco Studios:https://www.ecostudios.dev⭐️ Contact: betomoedano@outlook.com#reactnative #eas #reactnativetutorial
Apple widgets with Expo! #reactnative #mobiledev Code with Beto 2025-01-28 | Code: github.com/betomoedano/groceries-shopping-list-app/pull/24
Get Notified on Telegram When Your EAS Build Completes! 💬 Code with Beto 2025-01-22 | Learn how to create a webhook to receive notifications when your EAS Build is complete! This video also includes a guide on creating a Telegram bot and deploying an API route handler to EAS Hosting.💻 Code → https://codewithbeto.dev/projects/eas-webhook🛠️ Powered by Expo, EAS Build & EAS Hosting → https://expo.dev👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro00:28 Demo00:51 Creating a Telegram Bot02:30 Getting Telegram Group Id02:53 Function to Send Telegram Message03:55 Creating a Webhook with EAS CLI05:54 Creating API Route to handle the Webhook08:12 Deploying API Route to EAS Hosting09:38 Updating Webhook URL10:23 Testing Webhook11:02 Outro👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/G2RnuUD8Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #exporouter #mobiledevelopment
📢 You can now master OneSignal & Expo Notifications at codewithbeto.dev/learn #reactnative #dev 👇 Code with Beto 2025-01-05 | https://codewithbeto.dev/learn
Build a Local-First Real-Time Shopping List App with Expo, TinyBase, Clerk & Cloudflare Code with Beto 2024-12-25 | Learn how to build a local-first, real-time shopping list app using Expo, TinyBase, Clerk, and Cloudflare Durable Objects. Explore offline capabilities, real-time syncing, and cross-platform functionality.🔐 Clerk → go.clerk.com/P2SVHr3📱 iOS Demo → apps.apple.com/us/app/shopping-list-sync-share/id6739513017🌐 Web Demo → quicksynclist.com💻 Code → https://codewithbeto.dev/projects/shopping-list-app🛠️ Powered by Expo, TinyBase, Clerk, & Cloudflare.👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course → https://codewithbeto.dev/learn- React with TypeScript Course → https://codewithbeto.dev/learnReact- Git & GitHub Course → https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro02:34 Demo15:29 Prerequisites16:05 Creating the project18:31 Installing deps22:49 Implementing auth with Clerk24:58 Creating .env file25:35 Auth flow with Expo Router30:33 Adding Clerk provider32:51 Adding Clerk token cache37:39 Redirect unauthenticated users to sign up screen39:28 Implementing sign in screen43:02 Creating a reusable button component54:27 Creating a reusable text input component59:42 Adding header large title01:01:06 Creating a reusable scroll view01:02:46 Using new components in sign in screen01:06:37 Using new components in sign up screen01:12:08 Adding sign up logic01:21:46 Adding reset password logic01:28:59 Adding sign in logic01:33:31 Adding home screen header buttons01:37:27 Creating list route segment01:40:11 Customizing list screens presentation01:43:12 Implementing New List screen02:00:33 Implementing Create List screen02:11:12 Implementing Emoji/Color picker screen02:32:43 Adding TinyBase provider02:34:12 Creating TinyBase persister02:39:47 Creating hook to create and start the persister02:44:44 Creating ShoppingListStore component02:52:42 Creating hook to create and start the synchronizer 02:58:31 Continue implementing ShoppingListStore component03:02:46 Creating hook to get user id and nickname03:04:31 Finishing and overview of ShoppingListStore component03:06:09 Creating ShoppingListsStore component (list of lists)03:13:58 Creating hook to save shopping lists03:17:48 Adding ShoppingListsStore to home layout03:18:21 Start working on the sync server03:20:13 Installing toml files VSCode extension03:21:40 Installing TinyBase in the server03:21:53 Implementing sync server03:26:08 Deploying the sync server to Cloudflare03:28:04 Inspecting deployment in Cloudflare dashboard03:29:58 Creating shopping lists03:31:59 Creating list details screen03:36:48 Displaying shopping list in home screen03:41:55 Testing synchronization in local and deployed server03:45:01 Creating list item component03:52:07 Implementing swipe to delete03:59:40 Improving UI for list details screen04:04:39 Creating list product item component04:07: 56 Creating product navigation segment04:08:12 Creating new product screen04:12:27 Creating share and edit list screens04:13:05 Implementing edit list screen04:17:29 Implementing scan QR code screen04:24:53 Implementing share list screen04:29:06 Implementing list product details screen04:32:03 Adding sign out button04:32:49 Adding delete account button04:34:50 Recap and testing app features04:36:48 Outro👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/G2RnuUD8Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #exporouter #mobiledevelopment
Apple now creates videos like this one for your new apps! 🚀 [link 👇] #reactnative #mobiledev Code with Beto 2024-12-20 | ...
💡Using formSheet presentation in iOS automatically prevents the keyboard from covering your inputs. Code with Beto 2024-12-14 | ...
Expo Mesh Gradient | New Mesh Gradient in React Native Code with Beto 2024-12-11 | Learn how to implement and use the new Expo Mesh Gradient module introduced in Expo SDK 52.👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto → https://codewithbeto.dev🦋 → https://bsky.app/profile/codewithbeto.devX → https://x.com/betomoedanoGithub → github.com/betomoedanoLinkedin → linkedin.com/in/betomoedanoDiscord → discord.com/invite/dbYfWFw862Medium → medium.com/@betomoedano01Figma → figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactnative #exporouter #typescript #mobiledevelopment
What’s New in Expo SDK 52: A Deep Dive into the Latest Features! Code with Beto 2024-12-08 | Join us as we explore the latest features and updates in Expo SDK 52 in this deep dive session!Join this channel to get access to perks:youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join
React with TypeScript Course | Learn from Zero to Hero 2025 Code with Beto 2024-11-24 | Elevate your development skills by mastering React with TypeScript, from the fundamentals to advanced concepts.⚛️ React with TypeScript Course → https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro to course03:42 Introduction to React14:14 Library vs Framework25:26 Introduction to TypeScript34:48 Setting up Node JS46:57 Create a new React app59:25 Setting up GitHub01:12:34 Deploying our first app01:18:15 Getting started with TypeScript01:34:06 Advanced types01:51:55 Functions in TypeScript02:23:39 React components & JSX/TSX02:44:55 Props and state in TS03:07:32 Conclusion👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com#reactjs #course #typescript #frontend
Track Analytics Like a Pro: Vexo Analytics for React Native Apps Code with Beto 2024-11-23 | Learn how to integrate analytics in your React Native app in minutes!Vexo website: vexo.coYou can use code "BETO10" for 10% OFF using Vexo (if you decide to upgrade)Here's my previous video about Vexo: youtu.be/6bQ3a0AtXWACheck the app source code: github.com/livestorejs/examplesReact Native Course: https://codewithbeto.dev/learnReact with TypeScript Course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
How a Senior Developer Sets Up a New MacBook Pro (Step-by-Step) Code with Beto 2024-11-17 | In this tutorial, we setup a new MacBook Pro for software development.Here’s a link to download Arc, the browser I was telling you about!arc.net/gift/a9ab2520React Native Course: https://codewithbeto.dev/learnReact with TypeScript Course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Sending Over-the-Air (OTA) Updates with EAS Update | Step-by-Step Guide Code with Beto 2024-11-06 | In this tutorial, we dive into EAS Update for over-the-air (OTA) updates in Expo. Key topics include runtime version, EAS CLI setup, EAS Build configuration, and channel management for updates. We'll also cover using the -h CLI flag for command help, along with tips for republishing and rolling back updates seamlessly.Source Code: https://codewithbeto.dev/projects/snake-gameReact Native Course: https://codewithbeto.dev/learnReact with TypeScript Course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro & Resources02:15 What is EAS Update and how it works05:25 Installing and setting up EAS CLI06:27 Initializing a new EAS project 09:03 Building our app with EAS Build11:45 Upgrading SDK since build failed13:34 Configuring EAS Update and EAS Build after upgrading SDK 14:47 Understanding runtime version19:09 Sending a new OTA update24:09 Installing an OTA on a real device by re-starting the app34:40 Changing app icon and try sending an update for fun36:57 Re-building the app after changing icon37:51 Exploring EAS Build and EAS Update dashboard39:27 Republishing previous updates41:14 Conclusion and recap👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
In Expo SDK 52, it will be possible to create beautiful form sheets like this one using #ExpoRouter Code with Beto 2024-10-21 | ...
Expo Notifications with EAS | Complete Guide Code with Beto 2024-09-11 | This video demonstrates how to set up push notifications in an Expo project. It covers configuring Firebase for FCM v1 on Android, setting up iOS and Android credentials on EAS, building with EAS Build, and testing with Expo Notifications tool. Let’s dive in!Source Code: github.com/betomoedano/expo-notifications-app.gitReact Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Intro & Demo04:05 Creating Firebase Project 06:01 Creating Expo Project 06:16 EAS Credentials10:46 Getting and Configuring google-services.json16:24 Configuring .easignore File18:53 Installing Dependencies19:57 Integrating expo-notifications35:10 Building the App with EAS Build39:05 Installing Builds in Real Devices👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Building a Camera App with React Native Vision Camera and Expo: A Step-by-Step Tutorial Code with Beto 2024-08-21 | Learn to create a professional camera app using Expo and Vision Camera. This tutorial covers permission handling, UI styling, photo capture, advanced camera controls, and smooth animations.Source Code: https://codewithbeto.dev/projects/obscura-cloneReact Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Demo & Resources05:22 Creating New Expo App06:03 Installing Dependencies07:14 Prerequisites Overview07:49 Configuring App.json08:33 Creating Expo Development Build10:16 Installing App on Physical iPhone 1211:14 Modifying Navigation Screens13:45 Permissions Screen34:33 Camera Screen42:42 Obscura Button Component49:42 Camera Controls54:45 Displaying Zoom & Exposure 57:00 Take Picture Button Component59:17 Take Picture Function1:07:48 Exposure & Zoom Buttons1:09:03 Zoom Controls Component1:20:07 Exposure Controls Component1:27:21 Media Screen1:32:33 Conclusion and Next Steps (Expo Video)👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Obscura Pro Camera 📸 built with React Native Vision Camera and Expo #reactnative #react Code with Beto 2024-08-18 | ...
10K Subs Special: Coding, Chatting, and Course Giveaways! 🎉 Code with Beto 2024-07-20 | We’ve hit an incredible milestone 🎉+10,000 subscribers! I would like to take this moment to thank everyone for your support, comments, feedback, and enthusiasm! This achievement wouldn’t have been possible without each and every one of you. This journey has been amazing, and we’re just getting started. I couldn’t be more grateful.From the bottom of my heart, thank you for being a part of this community. Whether you’ve been here since the beginning or just joined us, your presence means the world to me.Join this channel to get access to perks:youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join
Code with Beto Live Stream Code with Beto 2024-07-19 | Join this channel to get access to perks:youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join
Building a Notion Clone with React Native Expo & Prisma #mobileappdevelopment #tech #reactnative Code with Beto 2024-07-15 | ...
Building a Notion Clone with React Native Expo & Prisma | Local-First Tutorial Code with Beto 2024-07-15 | This video will cover topics including recursive navigation with Expo Router, local-first data management, drag and drop sorting for Notion files, creating a Prisma schema, using Prisma ORM with Expo, handling Markdown support, and more, with a future second part planned to integrate the Prisma sync engine for additional features.Source Code: https://codewithbeto.dev/projects/notion-cloneReact Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReact👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:- React Native Course: https://codewithbeto.dev/learn- React with TypeScript Course: https://codewithbeto.dev/learnReact- Git & GitHub Course: https://codewithbeto.dev/learnGitFor other ways to support my work, please consider:- GitHub Sponsors: github.com/sponsors/betomoedano- Become a Code with Beto channel member: youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/joinYou can also support me by using my referral links:- Get an exclusive 40% discount on CodeCrafters: app.codecrafters.io/join?via=betomoedano- Get a 10% discount on Vexo Analytics with code "BETO10": vexo.co- Sign up for Robinhood and we'll both pick our own gift stock 🎁: join.robinhood.com/albertm-8254f5- Get 500 MB of Dropbox storage: dropbox.com/referrals/AAC52bYrrPqp8FZ7K5gxa-I74wecLpiQuB4?src=global9Your support helps me continue creating amazing projects!⌚️ Timestamps ⌚️00:00 Demo & Resources13:06 Creating New Expo App13:48 Installing Dependencies 16:18 Prisma ORM Setup 18:19 Creating Expo Development Build20:22 Creating Schema34:12 Prisma Extended Client Setup40:37 Creating Test Data52:02 Draggable Notion List Component1:00:55 Persisting Files Order onDragEnd1:06:40 Notion List Item Component1:19:27 Inner Notion List Item Component1:25:26 Integrating Action Sheet1:31:54 Customizing Theme Colors1:33:00 Customizing Tabs and Layout1:33:58 New Notion Screen2:03:35 Custom Notion Button Component2:10:04 Markdown Text Input Component2:15:18 Rendering Inner Files2:18:25 Saving/Editing Notion Files2:27:22 Viewing Notion Files2:30:13 Creating Child Notion Files2:32:19 Creating Additional New Notion Stack Screen2:36:27 Notion List Header Component2:41:59 Recent Files Component2:49:35 Recent File Card Component3:05:30 Explore Screen3:13:34 Conclusion👯 Join the Discord: discord.gg/dbYfWFw862⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Tutorial React Native Form Sheet with React Navigation v7 Code with Beto 2024-07-05 | In this video, we learn how to present a form sheet as well as all the properties we can use to achieve any use case.Source Code: https://codewithbeto.dev/projects/react-navigation-v7React Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReactGet an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano👨🏻💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻💻youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join👯 Join the Discord: discord.gg/dbYfWFw862⌚️ Timestamps ⌚️00:00 Demo & Resources04:02 Dependencies 06:17 Integrating Form Sheet 14:53 Limitations15:44 Alternatives & Conclusion ⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
React Navigation v7: Static Routes, Auth Flows, Animations & More! Code with Beto 2024-07-03 | In this video, we dive deep into React Navigation v7, covering everything you need to know about static routes, authentication flows, animations, better TypeScript support and more.Source Code: https://codewithbeto.dev/projects/react-navigation-v7React Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReactGet an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano👨🏻💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻💻youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join👯 Join the Discord: discord.gg/dbYfWFw862⌚️ Timestamps ⌚️00:00 Demo & Resources02:27 New Features Overview 03:37 Creating New Expo App04:51 Installing Dependencies 06:00 Dynamic Bottom Tabs 12:45 Static Stack Navigator16:35 Nesting Static Stack in Dynamic Tabs 18:20 Typing Static Screens20:55 Nesting Dynamic Tabs in Static Stack23:09 Typing Nested Dynamic Tabs29:16 Authentication Flows32:44 Static Screen Groups & Shared Screens⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
How to Create Beautiful Linear Gradients in Your Expo App Code with Beto 2024-07-01 | In this video we build a gradient gallery app, covering key topics like using the Expo router, passing query parameters, customizing navigation headers (iOS, Android, Web), directing gradients, and more.Source Code: https://codewithbeto.dev/projects/expo-linear-gradientReact Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReactGet an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano👨🏻💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻💻youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join👯 Join the Discord: discord.gg/dbYfWFw862⌚️ Timestamps ⌚️00:00 Demo & Resources04:10 Creating Expo App 04:49 Installing Dependencies 05:21 Starting App & Project Overview 08:08 Gradients Screen13:49 Gradient Item Component23:37 Passing Route Params29:52 Customizing Navigation Header35:19 Gradient Details Screen45:26 Conclusion⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Drag and Drop Tutorial | Beautiful DnD Code with Beto 2024-06-28 | Hello, friends! This video offers a small sneak peek at my React with TypeScript Course, available at codewithbeto.dev/learnReact. In this lesson, we learn how to adhere to a design system to create a pixel-perfect Task Manager App, following industry standards and best practices. 👇Live Demo 👉🏼 https://porter-demo.vercel.app🚀 React Native Course 👉🏼 https://codewithbeto.dev/learn🚨 New React with TypeScript course 👉🏼 https://codewithbeto.dev/learnReactSource code: github.com/betomoedano/Porter-Task-Manager👯 Join the Discord: discord.gg/dbYfWFw862👨🏻💻 ☕️ 🌟 Would you like to support me? Sponsor me on GitHub🌟 ☕️ 👨🏻💻github.com/betomoedano⭐️ If you want to learn more about me, check this links: Twitter: twitter.com/betomoedanoInstagram: https://www.instagram.com/betomoedano...Github: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Code With Beto: https://codewithbeto.devMedium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
React Native Charts 📊 #mobileappdevelopment #react #mobileappdev #tech Code with Beto 2024-06-27 | ...
Master React Native Charts | Tutorial for Dynamic Data Visualization Code with Beto 2024-06-27 | In this video, we use the react-native-gifted-charts library to create a beautiful, pixel-perfect chart. We dive deep into all the tweaks and styles to achieve our desired UI.Source Code: https://codewithbeto.dev/projects/react-native-chartsReact Native Course: https://codewithbeto.dev/learnReact with TypeScript course: https://codewithbeto.dev/learnReactGet an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano👨🏻💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻💻youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join👯 Join the Discord: discord.gg/dbYfWFw862⌚️ Timestamps ⌚️0:00 Intro & Demo02:39 Source Code and Resources05:43 Installing Dependencies07:09 SQLite Database Overview12:30 Chart Component26:44 Fetching Weekly Data45:26 Processing Data 01:00:40 Adding Prev/Next Week Button01:06:55 Improving Styling01:13:02 Conclusion⭐️ If you want to learn more about me, check this links: Code With Beto: https://codewithbeto.devX: https://x.com/betomoedanoGithub: github.com/betomoedanoLinkedin: linkedin.com/in/betomoedanoDiscord: discord.com/invite/G2RnuUD8Medium: medium.com/@betomoedano01Figma: figma.com/@betomoedano⭐️ My apps & projects:► Code With Beto: https://codewithbeto.dev/► Eco Studios:https://www.ecostudios.dev/⭐️ Contact: betomoedano@outlook.com
Snapchat Clone with Expo Camera #mobileappdevelopment #reactnative #react Code with Beto 2024-06-25 | ...
