Navigation & Routing in React Native

Transcript

1. Navigation & Routing in React Native Nicolás Amábile
4. Out of the box solutions import { Navigator } from 'react-native' import { NavigationExperimental } from 'react-native' import { NavigatorIOS } from 'react-native'
5. Alternatives - wix/react-native-navigation - airbnb/native-navigation - expo/ex-navigation - ReactTraining/react-router - react-navigation/react-navigation
6. wix/react-native-navigation
7. wix/react-native-navigation
8. airbnb/native-navigation
9. airbnb/native-navigation
10. ReactTraining/react-router
11. ReactTraining/react-router
12. expo/ex-navigation
13. react-navigation/react-navigation
14. react-navigation/react-navigation Pros: - Everything is written in JavaScript on top of React Native primitives. - No need to write native code. - Easy to extend and integrate. Cons: - The API is sometimes unintuitive and difficult to use. - React Navigation does not directly use the native navigation APIs on iOS and Android. - Much of the logic for React Navigation runs in JavaScript rather than in native, blocking the JavaScript thread.
15. react-navigation/react-navigation - Tab navigation - Stack navigator - Drawer navigation
16. react-navigation/react-navigation
17. react-navigation/react-navigation
18. react-navigation/react-navigation
19. react-navigation/react-navigation
20. Recommendations - First steps with React Native (Medium post) - Sharing code between ReactJS and React Native (github example) - Reactiflux community, join them on Discord! - React digest, One email per week, 5 links.
21. Muchas gracias!