Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Navigation

Avatar for Peter Lazar Peter Lazar
July 24, 2016
Programming
51
0

 Navigation

Avatar for Peter Lazar

Peter Lazar

July 24, 2016

More Decks by Peter Lazar

See All by Peter Lazar
Typechecking in Javascript
Avatar for Peter Lazar peterlazar1993
0
74

Other Decks in Programming

See All in Programming
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
Avatar for Nathan Abondance nabondance
0
110
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
270
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
170
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130
npm との違いを手がかりにGo の依存管理を理解したい
Avatar for OPTiM optim
0
290
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370
Workers Cache を知る
Avatar for syumai syumai
0
360
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
160

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
620
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
480
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
480
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.2k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
460
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k

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