339: Apollo at CodePen

CodePen Radio

Episode | Podcast

Date: Wed, 27 Oct 2021 22:17:43 +0000

<p>Rachel and Chris chat all things <a href="https://www.apollographql.com/">Apollo</a> GraphQL. Apollo is in this weird category of software where like by far <em>most</em> websites do not need it or anything like it. But for CodePen, we consider it nearly essential. The typical sales pitch for GraphQL applies to us for sure (e.g. <em>only ask for the data you need!</em>) but you can add to that the fact that it is empowering for front-end developers, which we have plenty of here on the CodePen Staff. But beyond GraphQL, we need ergonomic ways to write those queries and trust technology to do the right things. For example, 15 components on any given page might need to know the PRO status of a user, and thus be part of that components query, but the network very much does not need to do 15 requests. Apollo does stuff like figuring out what the page needs in aggregate and requesting is and dissemeninating that information as efficiently as possible and caching it. Plus we leverage Apollo for client-only state too, meaning we have a unified system for state management that plays very nicely in our React-based world.</p> <h3 id="h-time-jumps">Time Jumps</h3> <h3 id="h-sponsor-jetpack-backup-stand-alone-plugin">Sponsor: <a href="https://jetpack.com/2021/10/21/meet-jetpack-backup-now-as-a-standalone-plugin/">Jetpack Backup Stand-Alone Plug</a><a href="https://jetpack.com/2021/10/21/meet-jetpack-backup-now-as-a-standalone-plugin/?aff=8638">in</a></h3> <p>If the only feature of Jetpack you need is the backups, now you can install that as <a href="https://jetpack.com/2021/10/21/meet-jetpack-backup-now-as-a-standalone-plugin/?aff=8638">a stand-alone plugin</a> and have a paid plan for that feature alone. Built and hosted on&nbsp;WordPress.com’s secure infrastructure, Jetpack Backup provides peace of mind —&nbsp;you can rest easy knowing that what you’ve built will always be there and can be easily recovered in an emergency.</p>