~/talk

Translating React

Talkat NationJS React 2018 · on Friday, 2018-01-05· [react, javascript]
slides:none on file

Code-first tour of the source shows concrete surprises: React is just an object and a React element is a plain object with type, key, ref and props; JSX compiles to React.createElement via Babel’s transform-react-jsx; ReactDOM.render funnels to legacyRenderSubtreeIntoContainer then the DOM renderer and the react-reconciler/fiber engine; a long list of protected prop names ~500 lines and a demo repo of 250 lines contrasts with React’s ~8,000-line codebase and works without magical extra runtime.

AI-written summary · about

  1. 0:00Intro
  2. 2:12What is React
  3. 6:49React Elements
  4. 10:19JSX
  5. 15:15React Components
  6. 16:48React Dom
  7. 18:50React Fibre
  8. 19:45React Secrets
~/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.