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

ReactRouter

Avatar for Michael Jackson Michael Jackson
January 29, 2015
Programming
7
3k

 ReactRouter

An introduction to ReactRouter, from React.js Conf 2015

Avatar for Michael Jackson

Michael Jackson

January 29, 2015
Tweet

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
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
Avatar for Yusaku Nishi jrsaruo
0
120
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
430
気づいて！アプリからのSOS 〜App Store Connect APIで始めるパフォーマンス健康診断〜
Avatar for Wakabayashi Rikuma waka12
0
260
麻雀点数計算問題生成タスクから学ぶ Single Agentの限界と Agentic Workflowの底力
Avatar for po3rin po3rin
5
2k
PostgreSQLで手軽にDuckDBを使う！DuckDB&pg_duckdb入門/osk2025-duckdb
Avatar for Takahashi Ikki takahashiikki
1
230
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
Avatar for kinocoboy kinocoboy2
4
660
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
160
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
2
310
dynamic!
Avatar for MOROHASHI Kyosuke moro
9
5.4k
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
170
なぜGoのジェネリクスはこの形なのか？ Featherweight Goが明かす設計の核心
Avatar for Ryotaro ryotaros
7
1k

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
It's Worth the Effort
Avatar for 3n 3n
187
28k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
40k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
25k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
19
1.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k

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