Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ReactRouter

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Michael Jackson Michael Jackson
January 29, 2015
Programming
3.1k
7

 ReactRouter

An introduction to ReactRouter, from React.js Conf 2015

Avatar for Michael Jackson

Michael Jackson

January 29, 2015

More Decks by Michael Jackson

See All by Michael Jackson
Redemption from Callback Hell
Avatar for Michael Jackson mjijackson
18
14k

Other Decks in Programming

See All in Programming
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
800
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
210
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
Avatar for geeawa gawa
12
3.4k
Oxlintのカスタムルールの現況
Avatar for syumai syumai
5
980
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.1k
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
1.3k
3Dシーンの圧縮
Avatar for Fadis fadis
1
590
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
「エンジニアインターン、どうやって取った？」準備のリアルを語るLT会 Progate BAR
Avatar for akio akiomatic
0
120
ふつうのFeature Flag実践入門
Avatar for irof irof
7
3.5k
JavaDoc 再入門
Avatar for nagise nagise
0
260
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
Avatar for Susisu susisu
1
1.5k

Featured

See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.9k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
960
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.5k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
820

Transcript

  1. ReactRouter https://github.com/rackt/react-router

  2. @mjackson

  3. It all started here: https://twitter.com/mjackson/status/466286956989542400

  4. None

  5. React is awesome for building user interfaces…

  6. … but I was still missing something :(

  7. Flow

  8. None

  9. –Ryan Singer, Basecamp “Flows are just as important to good

    interfaces as individual screens are.”

  10. rpflorence/react-nested-router

  11. None

  12. Nesting

  13. –Yehuda Katz, Ember.js “If your user interface is nested, your

    routes should be nested.”
  14. None

  15. URLs

  16. –Tim Berners-Lee “Cool URIs don’t change.”

  17. URLs should be part of your design process

  18. Transitions

  19. None

  20. 0 7500 15000 22500 30000 Apr May Jun Jul Aug

    Sep Oct Nov Dec npm install react-router 0 25000 50000 75000 100000 Apr May Jun Jul Aug Sep Oct Nov Dec npm install react

  21. The Future • ES6 classes! • Programmatic configuration, not just

    JSX! • Sub-routers

  22. The End @mjackson