Warp is free to try but for a limited time, you can try Warp Pro free for 7 days with 2,500 AI credits—no card required. Use my link → https://go.warp.dev/codewithbeto

Download Warp → https://go.warp.dev/codewithbeto
Install CodeRabbit CLI → https://coderabbit.link/beto
Master React Native alongside me → https://codewithbeto.dev/learn

👨🏻‍💻  🌟  Be the mobile expert on your team 🌟  👨🏻‍💻
Learn mobile development with courses, templates, and full-stack codebases built to help you ship better apps: 

- React Native Course → https://codewithbeto.dev/learn
- React with TypeScript Course → https://codewithbeto.dev/learnReact
- Git & GitHub Course → https://codewithbeto.dev/learnGit

https://youtu.be/4FCP9c6GBLE

For other ways to support my work, please consider:

- GitHub Sponsors: https://github.com/sponsors/betomoedano
- Become a Code with Beto channel member: https://www.youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join

⌚️  Timestamps ⌚️
00:00 - Intro
02:53 - Installing Warp
03:13 - Installing CodeRabbit CLI
03:43 - Installing Expo Go
04:10 - Creating a new React Native Expo project
05:23 - Indexing the codebase
06:07 - Adding Expo MCP
07:56 - Using Warp File Explorer
08:32 - Using Expo MCP
10:25 - Installing Expo Camera using MCP
13:00 - Committing code with Warp
13:46 - Prompting for a simple camera screen
15:15 - Testing Camera on a real device
15:52 - Simplifying UI
16:55 - Using CodeRabbit CLI to review our progress
17:36 - Using multiple agents
18:14 - Applying CodeRabbit suggestions
19:11 - Committing current progress to GitHub
19:25 - Adding more features
21:01 - Testing taking pictures
22:09 - Running CodeRabbit again to review progress
22:35 - Testing preview screen presentation modes
24:06 - Committing current progress
24:34 - Adding Camera Controls
26:49 - Testing camera controls on real device
29:27 - Using Screenshot as context to fix error
30:20 - Reviewing current progress with CodeRabbit
31:05 - Fixing potential issues found by CodeRabbit
33:53 - Recap

⭐️   If you want to learn more about me, check this links: 

Code With Beto → https://codewithbeto.dev
🦋 → https://bsky.app/profile/codewithbeto.dev
X → https://x.com/betomoedano
Github → https://github.com/betomoedano
Linkedin → https://www.linkedin.com/in/betomoedano/
Discord → https://discord.com/invite/dbYfWFw862
Medium → https://medium.com/@betomoedano01
Figma → https://www.figma.com/@codewithbeto

#ai #warp #coderabbit #reactnative #mobileappdevelopment

Code with Beto

A walkthrough of building a React Native camera app using Warp (an agentic development environment), Expo MCP for SDK documentation, and CodeRabbit CLI for automated code review. The tutorial covers setting up Expo Camera with permissions, adding photo capture with navigation to a preview screen, implementing camera controls (flash, zoom, flip), saving photos to a device album, and building a gallery screen. CodeRabbit catches issues like incorrect dependency arrays and asset-moving bugs. The workflow demonstrates multi-agent development, voice input, MCP server integration, and iterative AI-assisted coding without a traditional IDE.

Building a Real Camera App With Warp + CodeRabbit + Expo MCP