React Connection 2024 - Mo Khazali - Building complex UIs with a Server-driven React app
Filmed at React Connection on April 2024. Find more talks of our conferences and meetups on 👉 https://async.techconnection.io/ 👈.
How do you create a scalable application with lots of different layouts, screens, giving enough flexibility to each team to customise without adding orders of magnitude in complexity to your app? Companies like Airbnb, Meta, and Lyft approach this with server-driven UI.
This idea lets a server decide what components get rendered on the frontend - creating a flexible layout engine that changes based on what the server says.
There are several complexities that arise - having an effective caching strategy, to make sure the web app still works offline, creating a scalable architecture that doesn't increase complexity exponentially, and streaming responses for large pages. We’ll explore different caching strategies, background fetching, streaming responses, and clean architecture.
This is an important precursor to React Server Components, which can make this approach even more powerful better.
Together, we'll explore how you can take this architectural approach in your next complex large scale application.