~/talk

How React shaped Haptik’s frontend story

Talkat ReactFoo Pune 2018 · 2018-01-19..01-20· [react]

Haptik moves a chat product from HTML/CSS/jQuery into React, ending fragmented DOM state and reducing bugs; five heavy apps become 5 out of 5 customer-facing apps in React after migrated to React 2.5 years ago. Teams adopt component-driven design, flat state and pure components for a measurable speed gain (roughly 10–15% performance improvement reported), try Inferno early, and ship a custom React starter kit with CI that standardizes builds and deploys.

AI-written summary · about

  1. 0:00Intro
  2. 1:05Chatbot
  3. 1:46Frontend
  4. 3:42UI Issues
  5. 8:32Example
  6. 9:31Realization
  7. 9:49State
  8. 12:35Backbone
  9. 16:25Why React
  10. 16:46Steelbased architecture
  11. 24:36React Guidelines
  12. 31:10React Starter Kit
  13. 33:16Simple Frontend
~/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.