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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Mateusz Zatorski
November 17, 2015
Technology
100
1
Share
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
46
Other Decks in Technology
See All in Technology
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.5k
関西に縁あるMicrosoft MVPsが語るCopilotの未来
kasada
0
920
AI駆動開発でなんでもハンズオン環境をつくってみた
yoshimi0227
0
190
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.8k
イベントストーミングとKiroの仕様駆動開発で実現する要件の認識合わせプロセス
syobochim
7
1k
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.8k
Dynamic Workersについて
yusukebe
2
550
long-running-tasks
cipepser
2
460
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
shuta13
0
300
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
rung
PRO
2
600
AIガバナンス実践 - 生成AIコネクタのデータ漏洩リスクと実務対策
knishioka
0
150
最低限これだけ押さえれ大丈夫_Claude Enterprise/Team企業展開ガバナンス入門
tkikuchi
1
590
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Design in an AI World
tapps
1
220
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
430
Accessibility Awareness
sabderemane
1
130
It's Worth the Effort
3n
188
29k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
230
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Un-Boring Meetings
codingconduct
0
300
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
300
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
350
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
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