Navigation in a hybrid app

Transcript

1. Navigation in a hybrid app
2. • Who am I • @hotchemi • Engineering manager at Quipper • Quipper is betting on React Native! • quipper/react-native-td • coming soon…?
3. • Navigation • Biggest challenge isn’t it? • No official cross-platform component and so many 3rd party libraries • Need a seamless integration between native and RN in a hybrid app
4. Native Native and RN RN Native
5. • React Navigation • Basically great! • But the transitions between screens are not quite the same as native one • Can’t handle events like viewDidAppear • react-native-router-flux is the same…
6. • React Native Navigation • Loving it! • We’re using it in 100% RN app • VC/Fragment based transition • There’s no API to mix with native code…
7. • airbnb/native-navigation • Well designed for a hybrid app • Still unstable • iOS module is written in Swift3.1… • somehow caused an error… • impossible to use on top of UITabBarController?
8. Our solution… Create our own native module
9. • JS
10. • Android
11. • iOS
12. • Dynamic rooting
13. • Dynamic rooting
15. • ToDo • Native view events? • Use EventEmitter • Deep link? • CustomTransition? • Polish API and make it open