Introduction to building a universal app with React Native and Expo
summary
Builds a minimal “Image Share” app that picks a photo, displays it, and opens the platform share UI; uses Expo CLI / Snack, TypeScript, Metro bundler and Fast Refresh to develop live, then adds expo-image-picker and expo-sharing to pick and share. Native sharing works; web requires uploading the local file to get a remote URL and falls back when browsers lack the Web Share API. Shows splash/icons, creates web build and mobile binaries, and publishes updates over-the-air.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 1:44Image Share
- 2:32Tunnel Connection
- 3:59Starting Expo
- 4:35Webpack
- 5:37Text
- 6:58Styling Text
- 8:36Adding Images
- 10:23Importing Images
- 13:34Styling
- 15:48Button interactivity
- 18:12React Native
- 18:33Expo Image Picker
- 20:36Import Expo Image Picker
- 26:58React Native Share Button
- 28:51Expo Sharing on Web
- 30:14Expo Sharing Limitations
- 32:01Sharing Local Files
- 36:07Splash Screen
- 40:03Web Build
related talks
34mFrom Idea to App Store"A Guide to Shipping React Native Apps"
26mIntroduction to Cross‑Platform Development with React Native and Expo
21mDon't be afraid to build a native library
20mBuilding a Mobile App with Expo, EAS and React Native
42mReact Native Up and Running
23mReact Native Or Expo? Both.
41mAs Easy as Ever - Apps for Android and iOS with React Native
18mWrite once, deploy anywhere