Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React Router 1.0
Search
Mateusz Zatorski
November 17, 2015
Technology
1
98
React Router 1.0
Migration to React Router 1.0 from 0.13.x
Mateusz Zatorski
November 17, 2015
Tweet
Share
More Decks by Mateusz Zatorski
See All by Mateusz Zatorski
Building mobile apps in React Native using ReasonML
knowbody
2
440
The missing R in React
knowbody
0
44
Other Decks in Technology
See All in Technology
React19.2のuseEffectEventを追う
maguroalternative
0
250
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
140
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
0
170
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.4k
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
5
910
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
5
5.7k
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
950
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
nobu09
1
580
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
3
1.9k
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
130
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
140
Featured
See All Featured
A Tale of Four Properties
chriscoyier
161
23k
Statistics for Hackers
jakevdp
799
220k
How to Ace a Technical Interview
jacobian
280
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Fireside Chat
paigeccino
40
3.7k
Code Reviewing Like a Champion
maltzj
526
40k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
How to Think Like a Performance Engineer
csswizardry
27
2k
Transcript
h"ps:/ /github.com/rackt/react-router
I’m Mateusz Zatorski @matzatorski Github: knowbody
Speed date with React Router
“Make the URL your first thought, not an a;er-thought” ~
Ryan Florence
h"p:/ /127.0.0.1:8080/ App
h"p:/ /127.0.0.1:8080/about App About
h"p:/ /127.0.0.1:8080/contact App Contact
App h"p:/ /127.0.0.1:3000/ Home
0.13 1.0
ImporIng 0.13.x 1.0
0.13.x 1.0 or Rendering
Route config 0.13.x 1.0
Route config 1.0 • we mount components • named routes
are gone - dynamically loading route config - does not take extra Ime to provide URL instead of name - no need to know the parameter names to create <Link>s - we encourage NOT to change URL use <Redirect>s instead
NotFound route 0.13.x 1.0
Redirect route 0.13.x 1.0
Links (path / params) 0.13.x 1.0
Links ("acIve" class) 0.13.x 1.0
RouteHandler 0.13.x 1.0
History module (h"ps:/ /github.com/rackt/history) 0.13.x 1.0
NavigaIon Mixin 0.13.x 1.0
State mixin 0.13.x 1.0
State mixin 1.0
willTransitionTo and willTransitionFrom 0.13.x 1.0
None
None
Companies using React Router (h"ps:/ /github.com/rackt/react-router/issues/2412)
None
The React Router support quesIons: Reac.flux (h"p:/ /reacIflux.com) StackOverflow
QuesIons
h"ps:/ /github.com/rackt/react-router