Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div

Expo

89,416 subscribers

16,084 views • 2 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

ishikawa naoko1 month ago

tbh Expo makes React way more accessible to mobile dev, but still gotta learn native stuff

Expo1 month ago

Yeah there are a few key differences to understand.

Rohit Gupta2 months ago

The React vocabulary transfers. The platform assumptions do not. Keyboard avoidance, navigation state, gestures, accessibility semantics, background work, and offline failure modes are where a web-shaped app still feels web-shaped on a phone.

AI Mastery Guide2 months ago

Just swapping the rendering layer, that's a lot closer than people think.

sof l.2 months ago

Great point!

Job2 months ago

Recording a tut in a Church is based! 💪

JOYBOY2 months ago

◆ ExpoUI, not shadcn

Jaya Nayak2 months ago

It is wild how many web developers overcomplicate the jump to mobile. 🤩

dhang2 months ago

love expo as always

Fadi Hares2 months ago

The styling switch trips people up more than the view vs div thing honestly. Flexbox defaults are different enough that your web muscle memory actively fights you for the first week.

Related Videos

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

111,102 views • 1 year ago

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

331,282 views • 9 months ago

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.

Kent C. Dodds 🏹

37,467 views • 10 months ago

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Real World React

32,742 views • 3 years ago

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

Saúl

40,982 views • 1 year ago

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈

leah lundqvist

57,889 views • 3 years ago

New React framework: One. In this episode, I talk to One’s lead developer, Nate Wienert. What makes One special? - Do React and React native in the same project - SPA, static, or server modes on a per-file basis - Includes Tamagui, a web and mobile styling system - Soon will include Zero for smart sync between client and server Here's a short clip from our chat. Full video in next post.

New React framework: One. In this episode, I talk to One’s lead developer, Nate Wienert. What makes One special? - Do React and React native in the same project - SPA, static, or server modes on a per-file basis - Includes Tamagui, a web and mobile styling system - Soon will include Zero for smart sync between client and server Here's a short clip from our chat. Full video in next post.

Cory House

19,114 views • 1 year ago

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

118,021 views • 1 year ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 views • 9 months ago

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

Evan Bacon 🥓

25,393 views • 1 year ago

If you build on Bubble mobile, today's your lucky day! The native mobile plugin editor is now in public beta — build native plugins with any React Native library, publish to the marketplace and charge for your work, or browse what's already there and install what your app needs.

If you build on Bubble mobile, today's your lucky day! The native mobile plugin editor is now in public beta — build native plugins with any React Native library, publish to the marketplace and charge for your work, or browse what's already there and install what your app needs.

Bubble

98,810 views • 15 days ago

The `interpolate` in React Native Expo is a fantastic thing that sparks creativity for your app 🪄

The `interpolate` in React Native Expo is a fantastic thing that sparks creativity for your app 🪄

Erencan Arica

35,893 views • 11 months ago

Building a React Native app for Android from default template? Then chances are you're also shipping: 🔍 unused code 🐛 debug artifacts 📦 code that’s bigger than necessary In Episode 3 of React Native Optimization in Practice, Michał Pierzchała shows how to fix it with R8.

Building a React Native app for Android from default template? Then chances are you're also shipping: 🔍 unused code 🐛 debug artifacts 📦 code that’s bigger than necessary In Episode 3 of React Native Optimization in Practice, Michał Pierzchała shows how to fix it with R8.

Callstack Engineers

1,316,035 views • 1 year ago

🧪 Experimenting building a foldable UI with Expo , Astra, and Material 3 for Android. A local Kotlin module wraps Material 3’s adaptive layout, exposed through the Expo Modules API. React serves the data layer and Expo UI renders native Compose components.

🧪 Experimenting building a foldable UI with Expo , Astra, and Material 3 for Android. A local Kotlin module wraps Material 3’s adaptive layout, exposed through the Expo Modules API. React serves the data layer and Expo UI renders native Compose components.

Aman Mittal🖖

40,144 views • 1 month ago

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.

Callstack Engineers

24,846 views • 4 months ago

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 views • 8 months ago

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

Gordon Hayes

518,442 views • 3 years ago