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
99
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
470
The missing R in React
knowbody
0
45
Other Decks in Technology
See All in Technology
プロンプトエンジニアリングを超えて:自由と統制のあいだでつくる Platform × Context Engineering
yuriemori
0
170
AgentCore RuntimeからS3 Filesをマウントしてみる
har1101
3
400
機能・非機能の学びを一つに!Agent Skillsで月間レポート作成始めてみた / Unifying Bug & Infra Insights — Building Monthly Quality Reports with Agent Skills
bun913
5
4k
新メンバーのために、シニアエンジニアが環境を作る時代
puku0x
0
690
プロジェクトマネジメントは AIでどう変わるか?
mkg5383
0
220
終盤で崩壊させないAI駆動開発
j5ik2o
0
500
Zero-Downtime Migration: Moving a Massive, Historic iOS App from CocoaPods to SPM and Tuist without Stopping Feature Delivery
kagemiku
0
230
ふりかえりを 「あそび」にしたら、 学習が勝手に進んだ / Playful Retros Drive Learning
katoaz
0
450
数案件を同時に進行するためのコンテキスト整理術
sutetotanuki
1
200
DevOpsDays2026 Tokyo Cross-border practices to connect "safety" and "DX" in healthcare
hokkai7go
0
130
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.4k
組織的なAI活用を阻む 最大のハードルは コンテキストデザインだった
ixbox
6
1.7k
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
97
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
350
Color Theory Basics | Prateek | Gurzu
gurzu
0
290
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
120
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
480
Exploring anti-patterns in Rails
aemeredith
3
310
BBQ
matthewcrist
89
10k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
110
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
140
Producing Creativity
orderedlist
PRO
348
40k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
340
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