~/talk

React Context - Lessons Learned

Talkat ReactiveConf 2018 · 2018-10-29..10-31· [react, frontend-architecture]
links:none on file
slides:none on file

Unicorn upgrades its mobile-first frontend UU5 to use React 16.3 Context for theming, multi-language, SPA layout and component communication, claiming Context replaces Redux/MobX for many cases. Provider values live in component state to avoid useless re-renders, split contexts reduce churn, and consumers render thousands per page without obvious slowdown. A document authoring product Bukit uses per-section language contexts (hundreds of sections) and the approach proves fast and maintainable in production.

AI-written summary · about

  1. 0:00Start
  2. 6:41React Context
  3. 8:39Api
  4. 8:54How To Create an Context
  5. 19:02Context Is Global
  6. 22:27Questions
  7. 23:32Can a Component Subscribe to Multiple Contexts
  8. 23:49Does Context Api Work with Pure Components
  9. 24:11Create Presentational Components with React Context Api
  10. 25:13Is this a Good Practice To Use React Context Together with Redux Mob Ex or Other State Manager or Should Developer Avoid Using Solutions Together
~/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.