~/talk

Isomorphic React sans Node??

Talkat Render Conference 2017 · on Thursday, 2017-03-30· [react, django]
slides:none on file

Eventbrite integrates React with a Python/Django backend by running a small stateless render server that accepts a component path and props and returns HTML using React’s renderToString. Development uses on‑demand transpilation via babel register, restarts to avoid module cache, and yarn deduping to shrink node_modules from about 1 GB to a few hundred MB. One server round trip per page, colocated with Django, proves faster than the old handlebars piebars approach and now powers checkout, event creation beta, and login flows in production.

AI-written summary · about

  1. 0:00Intro
  2. 0:54What isomorphic React
  3. 1:41Isomorphic vs Universal
  4. 2:45Warm up
  5. 3:59Bens introduction
  6. 5:19Why isomorphic
  7. 6:33Initial render
  8. 7:26Django and Python
  9. 7:51PieBars
  10. 8:55Developers
  11. 9:25Switching to Node
  12. 10:37The gamble
  13. 11:10The decision
  14. 11:30Stateless render server
  15. 12:21Sample React component
  16. 12:41Sample curl request
  17. 13:31Express server
  18. 15:27Node server
  19. 15:44Django props
  20. 16:42Django scaffolding
  21. 17:20Network overhead
  22. 19:00Pitfalls
  23. 19:43On Demand Translation
  24. 20:42On Demand Transformation
  25. 21:11Node Caches
  26. 22:22Node Register Hook
  27. 23:18Long Polling
  28. 24:54Node Module Size
  29. 26:11Getting to Production
  30. 27:46Hypernova
  31. 29:00Shoutouts
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.