RRU 052: React Suspense with Jared Palmer




React Round Up show

Summary: <h2><strong>Sponsors</strong></h2> <ul> <li> <a href="http://sentry.io/" rel="noopener noreferrer" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/react" rel="noopener noreferrer" target="_blank">Triplebyte</a></li> <li><a href="https://www.cachefly.com/" rel="noopener noreferrer" target="_blank">CacheFly</a></li> </ul> <h3><strong>Panel</strong></h3> <ul> <li>Lucas Reis</li> <li>Charles Max Wood</li> </ul> <p>Joined by special guest: Jared Palmer</p> <h3><strong>Episode Summary </strong></h3> <p>In this episode of React Round Up, Jared Palmer, Lead Engineer at Palmer Group, gives the listeners an overview of React Suspense, how it helps to resolve conflicts with resource scheduling and how it differs from current practices. He mentions that it is developed completely by the React team and talks about some of its applications, especially in handling images. He explains how React Suspense will reduce code size for loading states, the mechanism of parallel execution and how complexity in logic can be simplified with it. Jared also mentions some modules where Suspense can already be integrated with and advises on where it is not recommended to be used yet. The panelists then discuss server-side rendering with Suspense and their approach in technology adoption, which is incremental. Finally they talk about Redux and move on to picks.</p> <h3><strong>Links</strong></h3> <ul> <li><a href="https://github.com/palmerhq/the-platform" rel="noopener noreferrer" target="_blank">The Platform - Suspense-ready components </a></li> <li><a href="https://github.com/jaredpalmer" rel="noopener noreferrer" target="_blank">Jared’s GitHub</a></li> <li><a href="https://twitter.com/jaredpalmer?lang=en" rel="noopener noreferrer" target="_blank">Jared’s Twitter</a></li> <li><a href="https://jaredpalmer.com/" rel="noopener noreferrer" target="_blank">Jared’s website</a></li> <li><a href="https://palmer.net/" rel="noopener noreferrer" target="_blank">The Palmer Group</a></li> <li><a href="https://www.facebook.com/React-Round-Up-297859274397129/" rel="noopener noreferrer" target="_blank">https://www.facebook.com/React-Round-Up-297859274397129/</a></li> <li><a href="https://twitter.com/reactroundup" rel="noopener noreferrer" target="_blank">https://twitter.com/reactroundup</a></li> </ul> <h3><strong>Picks</strong></h3> <p>Lucas Reis:</p> <ul> <li><a href="https://www.amazon.com/slp/sunlight-alarm-clock/mcuonver7m8f9mr?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US" rel="noopener noreferrer" target="_blank">Sunlight Alarm Clock</a></li> </ul> <p>Charles Max Wood:</p> <ul> <li><a href="https://www.amazon.com/slp/gel-pads-for-pressure-sores/7qovdqoc48ut645??ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US" rel="noopener noreferrer" target="_blank">Gel Pads</a></li> <li><a href="https://www.notion.so/" rel="noopener noreferrer" target="_blank">Notion</a></li> </ul> <p>Jared Palmer:</p> <ul> <li><a href="https://github.com/devhubapp/devhub" rel="noopener noreferrer" target="_blank">DevHub</a></li> <li><a href="https://undefined.fm/" rel="noopener noreferrer" target="_blank">The Undefined Podcast</a></li> </ul>