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
100
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
React Router 1.0
Migration to React Router 1.0 from 0.13.x
Mateusz Zatorski
November 17, 2015
More Decks by Mateusz Zatorski
See All by Mateusz Zatorski
Building mobile apps in React Native using ReasonML
knowbody
2
480
The missing R in React
knowbody
0
48
Other Decks in Technology
See All in Technology
JavaScript 研修 (2026)
recruitengineers
PRO
0
310
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
cygames
PRO
1
730
SmartHR Engineering Team Deck
smarthr
0
190
オートロックマンションなのに、各部屋は施錠なし!? 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
nttcom
0
1.5k
今こそ聞きたいソフトウェア設計 ドメイン駆動設計再入門
masuda220
PRO
16
5.9k
Flutterをカメラで動かしたかった話
sony
0
120
クラウドセキュリティ入門 ~安全なクラウド利用のための基礎知識~
lhazy
9
7.7k
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
4.9k
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
760
タクシーアプリ『GO』の実践的データ活用〜位置情報データの収集とStreamlitでの可視化〜
mot_techtalk
2
200
TypeScript入門 2026
recruitengineers
PRO
1
340
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
570
Featured
See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
350
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
How to make the Groovebox
asonas
2
2.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.2k
BBQ
matthewcrist
89
10k
The Curious Case for Waylosing
cassininazir
1
450
How to Talk to Developers About Accessibility
jct
2
480
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Done Done
chrislema
186
16k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
460
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