Adam Neary’s neat article about rethought the architecture for the JavaScript side of the codebase at Airbnb. This post looks at the product drivers that precipitated the change, the steps we took to move away from their legacy stack and some of the key pillars of the new stack.
Airbnb sees more than 75M searches each day, which makes the search page their highest traffic page. To enhance their search experience they needed to break free of the legacy (Rails) page-by-page approach. The process of transition from legacy to new stack is described in detail with lessons Airbnb learnt in the process.
They use Hypernova to server-render React. They also use an AsyncComponent as a way to load sections of the component hierarchy after mount.
Interesting read with React code examples.
[Read More]