Upgrade to Pro — share decks privately, control downloads, hide ads and more …

🇬🇧 CityJS London 2026

🇬🇧 CityJS London 2026

A Decade and Counting: React’s Rhapsody of Life

React has been shaping how we build user interfaces for over a decade. But its journey hasn’t exactly been smooth. From early skepticism about JSX and “mixing HTML with JavaScript” to debates over hooks, concurrency, and RSC, React has sparked more controversy and innovation than almost any other library in the web ecosystem.

In this talk, we’ll revisit the past that led to React’s creation, explore the many “trouble in paradise” moments that challenged the community, and look at what’s coming next. Along the way, we’ll uncover the deeper ideas behind React—composition, predictable data flow, and powerful abstractions—and reflect on what a decade of React can teach us about the evolution of software itself.

Avatar for Matheus Albuquerque

Matheus Albuquerque PRO

April 17, 2026

More Decks by Matheus Albuquerque

Other Decks in Programming

Transcript

  1. A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE • APRIL

    17, 2026. Hello, London! 👋 🇬🇧
  2. What were you up to before React? A DECADE AND

    COUNTING: REACT’S RHAPSODY OF LIFE
  3. THE PAST: THE WEB — THE FORMATION OF FRAMEWORK WAVES

    FROM THE EPICENTER • SARAH DRASNER
  4. What were you up to before React? A DECADE AND

    COUNTING: REACT’S RHAPSODY OF LIFE
  5. ↝ CLIENT-SIDE MVC FRAMEWORK. ↝ COMBINED EXISTING TOOLS TO HANDLE

    THE COMPLEX INTERACTIVITY OF PRIMITIVE FACEBOOK TIMELINES, CHAT, NEWS FEEDS, AND OTHER ADVANCED APPLICATIONS. ↝ INTRODUCED SOME APIS AND FEATURES THAT WOULD EVENTUALLY MAKE THEIR WAY INTO REACT INCLUDING render, createClass, AND refs. THE PAST: BOLTJS — OUR FIRST 50,000 STARS • CHRISTOPHER CHEDEAU (@VJEUX)
  6. ↝ SAME PROBLEMS SOLVED IN A VERY DIFFERENT WAY. ↝

    MUCH MORE FUNCTIONAL WITH NO MVC ARCHITECTURE. ↝ INTRODUCED THE CONCEPT OF RE-RENDERING WHEN SOMETHING IN THE UI HAS CHANGED. ↝ FUNDAMENTALS WERE BORN: PROPS, STATE AND THE BASIC CONCEPT OF COMPONENTS. THE PAST: BOLTJS — OUR FIRST 50,000 STARS • CHRISTOPHER CHEDEAU (@VJEUX)
  7. “With React you can build applications without even thinking about

    performance and the default state is fast.” Pete Hunt (2013)
  8. Guillermo Rauch (2015) “With this model in place, the programmer

    is thus relieved from the burden of specifying the transition between states (or transformation) of the UI over time.”
  9. “YOU’RE MISSING THE POINT OF…” REACT: INTERNALS AND ADVANCED PERFORMANCE

    PATTERNS/ A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  10.  Dan Abramov (2015) “I’ve seen React misunderstood by smart people

    more often than any other JavaScript library. React is packed with ideas that were radical at the time of its introduction. This created an air of controversy that still hasn’t quite dissolved.”
  11.  Dan Abramov (2015) “After a year of using React and

    observing people learning it, I can say that the best parts of React are not the ones that made it famous. They’re not virtual DOM, custom event system, server rendering or JSX. Rather, they are a few boring, old and powerful ideas.”
  12. Software development continually goes through cycles. #1 of 8 A

    DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  13. …And so do trouble in paradise moments. What’s di ff

    erent now? #1 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  14. React pushed us to the future. #2 of 8 A

    DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  15. REACT PUSHED US TO THE FUTURE OTHER FRAMEWORKS JSX /

    VIRTUAL DOM / HMR + FAST REFRESH NAT
  16. OTHER PLATFORMS FLUTTER / JETPACK COMPOSE / LITHO / SWIFTUI

    / COMPONENTKIT / YOGA LAYOUT / RESWIFT * REACT PUSHED US TO THE FUTURE
  17. ↝ OFFSCREEN ACTIVITY COMPONENT ↝ REACT FORGET COMPILER ↝ OPTIMISTIC

    STATE UPDATES ↝ RESOURCE PRELOADING ↝ TRANSITION TRACING THE FUTURE PRESENT
  18. ↝ MODIFIES SOME JS SEMANTICS TO ALLOW EFFICIENT SOUND TYPING.

    ↝ BRIDGES PREDICTABLE C PERFORMANCE WITH JS USABILITY VIA NATIVE AOT COMPILATION. ↝ MIX AND MATCH BYTE-CODE AND NATIVE CODE BASED ON YOUR NEEDS. STATIC HERMES
  19. REACT STRICT DOM REACT: INTERNALS AND ADVANCED PERFORMANCE PATTERNS/ A

    DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  20. ↝ OPPOSITE APPROACH TO react-native-web. ↝ SMALL POLYFILLS RESPONSIBLE FOR

    TRANSLATING ITS APIS TO REACT-NATIVE AND REACT-DOM PRIMITIVES. ↝ LESS OVERHEAD WHEN RUNNING IN BROWSERS. ↝ POWERED BY STYLEX. STATIC HERMES
  21. React Is a democratic agent for CS knowledge in our

    realm. DSLs, COMPILERS, CONCURRENCY, FIBERS, EFFECT HANDLERS, IMMUTABILITY… OH MY! #3 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  22. M doesn't necessarily imply N. THERE'S NO SILVER BULLET. IDENTIFY

    YOUR CORE METRICS. #4 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  23. JSX created a similar feeling among developers worldwide. …IT WAS

    GOING AGAINST SO MANY BEST PRACTICES THAT IT COULDN'T BE CONSIDERED A GOOD IDEA. #5 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  24. React is still good enough for most of us. NOTHING

    IS INHERENTLY BROKEN ABOUT IT. ALSO, IT WILL NEED SOMETHING A LOT BETTER THAN REACT TO REPLACE IT. AND WE’RE NOT THERE (YET). #6 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  25. Guillermo Rauch (2015) “In general, comparing libraries or frameworks in

    terms of features seems inferior to examining the model it imposes on the programmer. The latter will inform you about how well the code will fare over time as the product matures and the team grows, but the former won’t. It will also empower you to foresee what the evolutionary path of the technology looks like.”
  26.  Dan Abramov (2015) “Now that we’re not surprised by virtual

    DOM anymore and it is being adopted by other frameworks and libraries, we can focus on examining React’s true strengths: composition, unidirectional data fl ow, freedom from DSLs, explicit mutation and static mental model.”
  27. Reports of a certain tool's death are mostly exaggerated. OUTRAGEOUS

    CLAIMS, LACK OF EVIDENCE AND JUSTIFICATIONS, AND MORE! #7 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  28. “REACT IS DYING” — REACT I LOVE YOU, BUT YOU'RE

    BRINGING ME DOWN • FRANÇOIS ZANINOTTO
  29. Don't always trust speculations and predictions! AGAIN… REPORTS OF A

    CERTAIN TOOL'S DEATH ARE MOSTLY EXAGGERATED. #8 of 8 A DECADE AND COUNTING: REACT’S RHAPSODY OF LIFE
  30. This is me, 12 years ago, showcasing Ionic at an

    Apple developers meetup telling them that angular would be the future of mobile development.
  31. Matheus Albuquerque ↝ 👨💻 STAFF SWE @ MEDALLIA ↝ ⚛

    CHAIR @ REACT SUMMIT NYC ↝ ⚡ GOOGLE DEVELOPER EXPERT ↝ 𝕏 YTHECOMBINATOR