React Native Essentials · Chapter 1

Build with AI. Learn the React Native underneath.

Build the first screen of StagePass, a concert discovery app, with Expo and TypeScript. Along the way, you’ll learn how React Native works, how to read the code your agent writes, and what to check before you move on.

Taught by Josh Yoes

Staff Software Engineer at Infinite Red

Curriculum and design by Felipe Peña.

What you’ll learn

Build a concert feed. Learn why it works.

Build reusable UI

Use View, Text, StyleSheet, components, and props to turn a design into reusable UI.

Turn data into a feed

Shape concert data with TypeScript, then render it as reusable cards in a scrollable list.

Check both platforms

See changes as you build, then check your screen on both iOS and Android before you call it done.

Tools and resources

Everything we cover in this chapter, and where to find it.

Expo ↗React Native ↗TypeScript ↗date-fns ↗Android Studio ↗Claude Code ↗

Made by

We build the apps we teach.

We made this chapter free because teaching is part of how we work. We help teams build, modernize, and scale mobile apps with Expo, React Native, Swift, and Kotlin. Our engineers pair with client teams while we build.

Explore our work

Photo of Gant Laborde and Mark Rickert hugging at a retreat.

Photo of Todd Werth laughing during an online team game. Other members of the team are in the background.

Photo of team members Jed Bartausky and Carlin Isaacson at a team dinner.

Photo of Darin Wilson sitting at a table listening to a presentation

Building something mobile? Let's chat about how we can help.

You might have a clear brief, a problem you can't define yet, or a few ideas on a napkin. Tell us what you're trying to solve, and we'll get to the heart of it together.

Schedule a call