Bridging the gap between mobile web and native development

on YouTube ↗52m

" summary

Shows how to build real calendar plugins end-to-end: a Cordova plugin (JS + Objective‑C + Java) and a React Native native module (iOS + Android). Uses Cordova CLI, plugin.xml and cordova.exec; Cordova example is ~100 lines total with one class per platform and works in iOS and Android simulators returning strings like “registered in iOS.” Uses RCT_EXPORT_MODULE, Android Package + ReadableMap/WritableArray and Promise-style methods; Cordova plugin: ~100 lines, one class per platform React Native: RCT_EXPORT_MODULE, Promise-based native methods Demo: button calls native calendar API and returns native data to JS.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and setup
2. 1:03Why bridge web and native
3. 2:50Hybrid app approaches overview
4. 7:05Building a Cordova plugin
5. 17:19JavaScript bridge implementation
6. 24:11Introduction to React Native
7. 28:30React Native project setup
8. 31:22React Native iOS bridge
9. 36:23React Native Android bridge
10. 42:48Key takeaways and comparisons
11. 46:25Q&A session

" related talks

• 37mGetting to the Native in React NativeWouter Van Den Broek · React Native EU 2018
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 36mThe journey through the hybrid mobile apps with JSOleksandr Tryshchenko · JSDay 2019
• 29mOrganizing Code for Cross-Platform Web and Mobile DevelopmentRobert Scarano · Chain React 2018
• 48mWhy the transition from Apache Cordova to React Native is inevitableVolodymyr Bondarenko · Mobile Fest 2018
• 36mCross-platform: ReactNative, Jamstack, And BeyondSebastien Lorber · React Native EU 2020
• 35mBridging the Gap: How to use React Native in existing large native code basesLeland Richardson · ReactiveConf 2016