Building Native iOS Apps using React Native

on YouTube ↗01h 01m

" summary

Shows how React Native builds true native iOS apps using JavaScript with a real example app that shares 99% of code across iOS and Android, runs on RN ~0.47, and uses the packager plus live reload and hot reload to see UI changes instantly. Demos include a spinner toggling state, navigation with react-navigation, maps via Airbnb react-native-maps, lists with SectionList/FlatList, layout with flexbox, and dynamic updates via Microsoft CodePush; a simple chat using gifted-chat and socket.io also works.

AI-written summary · about

" chapters (21)

1. 0:00Intro
2. 2:45What is React Native?
3. 4:23Why React Native?
4. 8:49Installing React Native
5. 17:38Reloading
6. 17:52How React Native Works
7. 24:32UI Layout using Flexbox
8. 26:30Basics of Flexbox
9. 28:01Sizing
10. 29:42Maximum Width
11. 30:25Justifying Content
12. 38:56State and Props
13. 40:07Components in React Native
14. 41:33Getting Locations
15. 41:59Displaying Maps
16. 43:08Data Storage
17. 44:19Navigation
18. 46:40Dynamic App Updates using CodePush
19. 55:31Platform Specific Code
20. 56:11Using the Platform Module in Your Stylesheet
21. 56:45Something Fun!

" related talks

• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 52mReact NativeArtem Trytiak · OdessaJS 2015
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 32mBuild an iOS and Android app in 15 minutes using React NativeJamon Holmgren · React Live 2019
• 47mIntro To React NativeVarun Vachhar · Spotlight React 2016
• 45mAbout React Native inside your existing Android AppDamien Cavaillès · Android Makers 2017
• 52mWhy you should use React Native for your next mobile appGwendolyn Faraday · NDC London 2018
• 41mAs Easy as Ever - Apps for Android and iOS with React NativeErik Behrends · code.talks 2017