~/talk

Confident web development with React

Talkat DjangoCon US 2015 · 2015-09-06..09-11· [react, frontend-architecture]
slides:none on file

Shows a working photo-list app (filters, thumbnails, favorites) wired to Django REST framework with Ajax hydration or pre-serialized HTML, uses React components, React-Bootstrap, Babel and a webpack/Gulp/browserify pipeline, and implements optimistic updates for instant UI feedback. Demonstrates server-side rendering by sending serialized JSON to a Node renderer via python-react so the same components run on server and client. Tests render components server-side and assert HTML with pyquery; demos run and examples succeed.

AI-written summary · about

  1. 0:00Intro
  2. 0:48About this talk
  3. 3:54Advantages of Flex
  4. 5:10Advantages of React
  5. 6:10Demo app
  6. 6:31Django and React
  7. 6:49Client and Server
  8. 8:21Demo
  9. 10:03Model
  10. 11:41View
  11. 18:31Toggle Favorite
  12. 23:08Preserialize
  13. 24:23Serverside rendering
  14. 27:50Node server
  15. 28:59Output HTML
  16. 34:52Questions
~/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.