Navigation

Transcript

1. Navigation in React Native Peter Lazar( @peterlazar1993 )
2. Declarative vs Imperative
3. Imperative $("#btn").click(function() { $(this).toggleClass("highlight") $(this).text() === 'Add Highlight' ? $(this).text('Remove Highlight') : $(this).text('Add Highlight') }) Declarative <Btn onToggleHighlight={this.handleToggleHighlight} highlight={this.state.highlight}> {this.state.buttonText} </Btn>
4. Navigation in RN NavigatorIOS Navigator NavigationExperimental
5. NavigatorIOS Pros It's native!! Implemets iOSUINavigationController Great for small/iOS only projects
6. NavigatorIOS Cons Not maintained by FB anymore Limited API
7. Navigator Pros Cross Platform Extensive API Well documented
8. Code
9. Navigator Cons Less re ned animations Poor DX (Navigation State management) Being replaced by NavigationExperimental
10. NavigationExperimental Pros Cross Platform Single directional data ow Fine grained Control
11. NavigationExperimental Cons Not stable yet More setup!!
12. Honorable Mentions React Native Navigation React Native Router Flux React Router Native
13. Questions?
14. Peter Lazar Github: peterlazar1993 Twitter: @peterlazar1993