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

ReactRouter

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

 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
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
250
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
250
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
240
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.3k
ロボットのための工場に灯りは要らない
Avatar for watany watany
12
3.2k
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
230
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
140
Angular-Apps smarter machen mit Gen AI: Lokal und offlinefähig - Hands-on Workshop!
Avatar for Christian Liebel christianliebel
PRO
0
140
PHP でエミュレータを自作して Ubuntu を動かそう
Avatar for memory m3m0r7
PRO
2
140
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
1k
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
170
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
7
3.1k

Featured

See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
390
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
86
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
180
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
120
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k

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