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

14. None

15. • ToDo • Native view events? • Use EventEmitter •

    Deep link? • CustomTransition? • Polish API and make it open