~/talk

Building Web Apps with React.js

Talkat Jfokus 2018 · 2018-02-05..02-07· [react, javascript]
slides:none on file

React.js from Facecbook gets applied to a small live-coded web app that demonstrates component trees, props and internal state, and a working lunch-selector UI where clicks set state and rerender subcomponents. The talk explains virtual DOM diffing and batched updates to avoid reflows, outlines server-side rendering (isomorphic/SSR) for bootstrapping and SEO, shows JSX quirks like className and dangerouslySetInnerHTML, and recommends layering tooling for larger apps such as Redux or MobX plus HTTP clients (Axios).

AI-written summary · about

  1. 0:00Introduction to React
  2. 1:57Isomorphic rendering
  3. 5:38The Virtual DOM
  4. 8:01Browser optimization
  5. 12:23Virtual DOM management
  6. 14:54Basic components and JSX
  7. 19:51JSX expressions
  8. 22:20Component props
  9. 25:26Rendering lists
  10. 28:20Sub-components
  11. 31:02JSX quirks and syntax
  12. 33:56Component tree structure
  13. 36:38Using UI libraries
  14. 39:01React state management
  15. 45:01Lifecycle methods
  16. 46:40One-way data flow
~/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.