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
Elixir で IoT 開発、 Nerves なら簡単にできる！？
Avatar for pojiro pojiro
1
120
F#で自在につくる静的ブログサイト - 関数型まつり2025
Avatar for pizzacat83 pizzacat83
0
290
Javaのルールをねじ曲げろ！禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
Avatar for nrs nrslib
3
1.9k
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
Avatar for Mitsuharu Maruyama m4maruyama
1
120
PT AI без купюр
Avatar for Vladimir Kochetkov v0lka
0
230
2度もゼロから書き直して、やっとブラウザでぬるぬる動くAIに辿り着いた話
Avatar for Tomohiro Inoue tomoino
0
160
Effect の双対、Coeffect
Avatar for ゆきくらげ yukikurage
5
1.4k
ASP.NETアプリケーションのモダナイズ インフラ編
Avatar for tomokusaba tomokusaba
1
220
Bytecode Manipulation 으로 생산성 높이기
Avatar for Daekyu bigstark
1
310
Cursor Meetup Tokyo ゲノミクスとCursor： 進化と制約のあいだ
Avatar for Masaru Koido koido
2
990
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
Avatar for Koichi NAKAGAWA knakagawa
1
110
FormFlow - Build Stunning Multistep Forms
Avatar for Yonel Ceruto González yceruto
1
160

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k

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