NewCode with Beto MCP

Expo Router | Beginner's Crash Course

Beto, January 7, 2024 · 26,129 views

Navigation is where most React Native projects get messy. Expo Router fixes that with file-based routing: drop a file in the folder and it becomes a screen, typed routes included, no boilerplate. I walk through everything step by step in the video.

If you know Next.js, this will feel familiar. If you don't, even better: you may never write navigation setup code by hand again.

What's inside

  • How Expo Router compares to plain React Navigation, and why it wins
  • File-based routing with the folder, explained from zero
  • Tabs and stacks built with folders and files instead of setup code
  • Automatic TypeScript types for every route
  • Auth flows with protected routes and redirects
  • A look at server functions coming in Expo Router v3

Resources

CourseReact Native course

Let's connect!

Had a win? Get featured on Code with Beto.Share your story