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.

Joshua Yoes, Staff Software Engineer at Infinite Red

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.

01

Build reusable UI

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

02

Turn data into a feed

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

03

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
A close-up of a speaker in a gray shirt presenting onstage. A smiling conference attendee in front of a pink presentation screen. A smiling conference attendee with glasses and an orange lanyard chatting with others. A smiling conference attendee reaching across a table.

Ready or not ...
Let's talk.

There’s no perfect time to get started. Whether you have a formal proposal or a few napkin sketches, we’re always happy to chat about your project at any stage of the process.

Let's set up a call →
About
CompanyRemote WorkCommunityOur WorkContact
Capabilities
React NativeExpoiOS AppsAndroid AppsReact Native DesktopOpen Source
Media & Events
Chain React Conference (July 2026)Red Shift BlogReact Native Radio PodcastReact Native NewsletterReact Native LiveInfinite Red YouTubeJamon’s Code Quests
Highlights
Top React Native AppsMercari Case StudyExpo ❤ Infinite RedHire React Native DevelopersTop React Native FirmAgentic Coding ExpertsMobile App Developers
Industries
React Native for FinTechReact Native for LogisticsReact Native for ConstructionReact Native for EnterpriseReact Native for RetailReact Native for HealthcareReact Native for RestaurantsReact Native for Video & Streaming

Fully remote throughout the U.S.

Contact Us

Email (preferred)
hello@infinite.red
Phone
(415) 295-6152
Twitter iconGitHub iconYouTube iconFacebook iconLinkedIn icon