Building Cross Platform Native Mobile Apps using React Native

on YouTube ↗50m

" summary

Shows how to build a single JavaScript codebase that runs as pure native iOS and Android apps using React Native, with live reload and hot reload via the Metro packager on port 8081, and an actual app built in about a week. Demonstrates state/props, SectionList/FlatList, fetching JSON with fetch, maps with react-native-maps (Airbnb), native modules via npm + react-native link, and dynamic UI updates using CodePush (Microsoft) to push changes without App Store redeploys, claiming roughly 80–90% code reuse for typical business apps.

AI-written summary · about

" chapters (24)

1. 0:00Introduction
2. 0:40Overview
3. 1:40Agenda
4. 4:10What is React Native
5. 6:20Why learn React Native
6. 10:07Demo
7. 16:27Debugging
8. 22:43Writing once run everywhere
9. 24:37JSX vs React Native
10. 25:18React Packager
11. 26:34Layout Framework
12. 27:20FlexBox
13. 30:17State
14. 33:53Components
15. 34:52Section List
16. 37:46Location API
17. 38:12Display Maps
18. 39:12Data Storage
19. 39:53Fetch API
20. 40:31React Navigation
21. 41:13React Navigation Demo
22. 41:43Code Push Demo
23. 46:51Platform Specific Code
24. 47:18Something Fun

" related talks

• 01h 01mBuilding Native iOS Apps using React NativeWei-Meng Lee · NDC Sydney 2017
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 01h 05mBuilding Native Android Apps using React NativeWei-Meng Lee · NDC Sydney 2017
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 43mReact Native for Multi-platform Mobile ApplicationsMatteo Manchi · Codemotion Milan 2017
• 16mBuilding Cross-Platform Apps with React Native + Next.jsFernando Rojo · App.js Conf 2022
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019