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
AIエージェントを前提としたプラットフォーム エンジニアリング:GKEで作るAgent-Ready Golden Path
legalontechnologies
PRO
1
200
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
cygames
PRO
0
130
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.2k
MIRU 2026 チュートリアル
keisuke198619
0
820
制約理論(ToC)入門 2026版
recruitengineers
PRO
5
1.5k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
53k
PLaMoを毎日の開発で使い育てていく
pfn
PRO
0
180
SmartHR Engineering Team Deck
smarthr
0
190
名古屋の市バスGTFS-JPデータ×スガキヤ 最寄りバス停検索をAmazon ElastiCache Serverless for Valkeyで最適化する
usanchuu
1
310
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
AI ネイティブな組織に Gemini Enterprise Agent Platform がなぜ必要なのか
asei
1
170
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
560
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
440
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
350
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Making Projects Easy
brettharned
120
6.7k
Six Lessons from altMBA
skipperchong
29
4.4k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.7k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
760
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
230
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