Beyond Mobile: Taking Your React Native App to Desktop and Web

on YouTube ↗14m

" summary

Claim: a single React Native codebase runs on Android, iOS, Mac and Windows (via react-native-macos and react-native-windows) and can also target web using react-native-web plus a webpack config. Workflow uses npx init commands, Metro bundler for live reload and a webpack dev server for web, Fluent UI React Native for components, and Metro tree‑shaking to cut bundle size. Production evidence: the Live Personal Card ships across Outlook, Teams, Word, Excel and PowerPoint.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 1:27Base React Native setup
3. 2:12React Native for Mac OS
4. 5:01React Native for Windows
5. 6:12React Native for Web
6. 9:13Production usage examples
7. 11:27Open source tools and closing

" related talks

• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 24mSupercharging your React Native app for WindowsChiara Mooney · Microsoft Build 2024
• 18mReact Native at Microsoft: A Journey of Strategic Adaptability and InnovationTommy Nguyen · App.js Conf 2024
• 33mBuilding forChiara Mooney, Shiven Mian · Chain React 2023
• 09mBuilding apps for both Windows and MacEloy Durán, Kiki Saintonge · React Summit Remote Edition 2020
• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 30mJesse Weigel - One Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · React Loop 2019
• 19mBuilding For Desktops And Dual ScreensSteven Moyes · React Native EU 2020