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
Strands Agents で実現する名刺解析アーキテクチャ
Avatar for omiya omiya0555
1
110
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
Avatar for Akira Suenami a_suenami
9
1.2k
Quality Gates in the Age of Agentic Coding
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
React 使いじゃなくても知っておきたい教養としての React
Avatar for Yuka O’oka oukayuka
18
4.8k
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.3k
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
0
220
中級グラフィックス入門～効率的なメッシュレット描画～
Avatar for Pocol projectasura
4
2.1k
QA x AIエコシステム段階構築作戦
Avatar for Osu osu
0
220
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
Avatar for yoshiyoshifujii yoshiyoshifujii
5
670
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
1
730
ご注文の差分はこちらですか？ 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
Avatar for Kenji Kono konokenj
4
720
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
840

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
182
54k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k

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