Back at React Summit in New York, KBall & Nick sat down with Tom Occhino & Shruti Kapoor for more fascinating conversations.
Tom Occhino, a key figure in Reactâs history at Facebook (now Meta), reveals the origin story of React, which began when an ads engineer presented a revolutionary approach to web UI rendering. The discussion extends to Reactâs evolution through Next.js.
Then, Shruti Kapoor breaks down React 19âs major features, including React Server Components (RSC), the new compiler implementation, and enhanced APIs that promise to streamline development workflows.
Matched from the episode's transcript đ
Tom Occhino: [00:12:06.11] Yeah, I think it was sort of an implementation detail leaking out. I think we wanted to do one thing really well. But more importantly, we just had all this other stuff that this was sitting on top of. We had a way of doing data fetching at Facebook, we had a way of doing, you know, basically everything. Our router was like a server-based router⌠We really didnât need to solve all of the concerns. But over time, what happened is the community ended up filling in all the gaps. We needed a router, and then React Router came around. React needed server-side rendering. And then I think Pinterest was maybe the first company to build a server-side renderer that would work. Because Facebook didnât run JavaScript on the server at the time, and so we werenât investing in server-side rendering. But the architecture was very much designed with server-side rendering in mind. So you needed all of these things, state management libraries and different types of integrations, and the community really filled in the gaps.
And then I think the goal for the core team over time was to make it so that all of these things that were built on top of React could get thinner and thinner. They didnât have to be so sophisticated because the framework would take care of more of the atomic, low-level complexities for you, so that your framework that sits on top of this library thatâs growing in size could be thinner and thinner, but just as expressive.
So yeah, I mean, there was no sort of intentional âOh, letâs not worry about any of that, because the community will fill it in.â It was like âWell, thatâs not what we need to solve, so weâll kind of like create an opportunity for the world to fill in the gaps.â And thatâs when I think, React, we introduced it very clearly as a library. Is this a library or a framework? Itâs not a framework; it doesnât do everything for you. Ember was batteries included, and that was beautiful. Angular was the same way. Hereâs how you do testing. Hereâs how you do data fetching. Hereâs how you do routing. We were just like âNah, this is just your views.â
And a lot of the early adoption of React actually used it in conjunction with like Backbone models. So there was even a strong relationship between â I mean, Instagram did this in the early days, where we had Backbone feeding into React Views, and it was just an easier way to do your view layer.