React PDX Universal

2016 February 16th

Transcript

1. Universal React Dan Schuman danschuman@gmail.com quicksnap
2. Follow Along github.com/quicksnap/react-pdx-universal Or grab the slides speakerdeck.com/quicksnap/react-pdx-universal
3. Universal Rendering? • Also called isomorphic rendering. • Aims to bring the best of single-page and server-rendered applications together • Unifies application routing logic and data fetching
4. > git checkout step1 github.com/quicksnap/react-pdx-universal/commit/d368
5. > git checkout step2 github.com/quicksnap/react-pdx-universal/commit/f715
6. > git checkout step3 github.com/quicksnap/react-pdx-universal/commit/13c8
7. > git checkout step4 github.com/quicksnap/react-pdx-universal/commit/94d8
8. > git checkout step5 github.com/quicksnap/react-pdx-universal/commit/def74f
9. > git checkout step6 github.com/quicksnap/react-pdx-universal/commit/5986c
10. What We Have • A great routing solution with a lot of shared code • Application code can grow nicely while being rendered universally
11. What's Missing? • Routes have data dependencies • How do we unify async route dependencies?
12. > git checkout step7 github.com/quicksnap/react-pdx-universal/commit/59960a
13. Things to check out • Webpack Isomorphic Tools • Redux Async Connect • react-redux-universal-hot-example
14. Thanks!