Brex's engineering team revamped its frontend to better serve larger enterprise clients, while also making the website more friendly to large language models (LLMs). The rebuild, driven by four guiding principles focused on preloading data and minimizing complexity, involved upgrading from React 17 to React 18 and replacing Apollo with Relay to better align with these principles. The changes improved performance, facilitated collaboration between frontend and backend teams, and enhanced the effectiveness of LLMs by making the codebase easier to understand.
Table of contents
Frontend ProblemsFour Web Dev Guiding “First Principles”The Problem with React HooksSwitching Apollo for Relay: How It Changed the Site for LLMsThe Future of LLMs and Web DevSort: