Doing the Bare Minimum with Isograph

Robert BalickiPinterest, Staff software engineer

In a web app, the enemy of performance isn't bad algorithms — it's bloat. From loading the least data and JavaScript to re-rendering the fewest components in response to changes in state, the most performant apps are the one that do the least. But it's often hard to maintain a small bundle while iterating on features. Enter Isograph, the framework for building React apps powered by GraphQL data. It leverages a compiler to provide great DevEx and performance, right out of the box. In this talk, find out how Isograph lets you: * load component JavaScript and data only when needed, for example when the user is about to scroll to them (i.e. Relay entrypoints) * load components (such as a VideoViewer) only if an item of that type (a Video) is returned from the server (i.e. Relay 3D), and * defer fragments, even if your server doesn't support defer. And the cherry on top? We're doing it all in userland. 😎 But wait, there's more! We'll also show how Isograph re-renders the absolute minimum of components and garbage collects data that's no longer needed, allowing your app to stay consistently performant. So let's prove the old adage: less is more performant.