~/talk

Layperson's guide to React Fiber

Talkat React Rally 2017 · 2017-08-24..08-25· [react]
slides:none on file

React 16 ships a complete reconciler rewrite (Fiber) that yields concrete changes: the core libs are 20% smaller, old React APIs like PropTypes and createReactClass become separate packages (deprecated warnings become errors), new return values allow arrays and scalars, and error boundaries via componentDidCatch let parts of a page fail without unmounting everything. Server rendering adds streaming with renderToNodeStream and requires hydrate on the client; async scheduling is gated behind an unstable flag and can be toggled manually.

AI-written summary · about

  1. 0:00Start
  2. 9:24React Packages
  3. 10:02React 15.5 deprecations + React 16 errors
  4. 14:19React 16 + "self-eradicating" component
  5. 15:41Strings are also valid return values in React 16!
  6. 16:30Uncaught errors now unmount your app!
  7. 24:58First-class server-side streaming support!
  8. 25:47Fiber makes React renderers easier to build
  9. 27:44"Secret" code to enable async scheduling
  10. 28:52React Fiber Asynchronous Scheduling!
~/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.