122: Matt Biilmann - Architecting the Netlify Dashboard with React and Redux

Full Stack Radio

Episode | Podcast

Date: Wed, 28 Aug 2019 19:21:00 +0000

<p>Topics include:</p><ul> <li>Walking through how a single screen in the app is rendered in step-by-step detail</li> <li>How they separate container components and presentational components to make things easier to reason about</li> <li>How the Redux store is organized</li> <li>How they handle caching data on the client and deciding when to bust the cache</li> <li>How the API is designed</li> <li>Why they are sticking with REST instead of Graphql</li> <li>How they handle authentication in their app</li> </ul><p>Sponsors:</p><ul> <li> <a href="https://www.digitalocean.com/?refcode=74a1c5d63dac&amp;utm_source=fullstackradio&amp;utm_medium=podcast&amp;utm_campaign=DO_Dev_Signup_Cold_FullStackRadio_Podcast">DigitalOcean</a>, get your free $50 credit at <a href="https://do.co/fullstack">do.co/fullstack</a> </li> <li> <a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&amp;utm_medium=Sponsored_Podcast&amp;utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li> </ul><p>Links:</p><ul> <li><a href="https://www.netlify.com">Netlify</a></li> <li><a href="https://reactjs.org">React</a></li> <li><a href="https://reacttraining.com/react-router/web/guides/quick-start">React Router</a></li> <li> <a href="https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0">"Presentational and Container Components"</a> by Dan Abramov</li> <li><a href="http://storybook.netlify.com">Netlify's Storybook</a></li> <li><a href="https://immutable-js.github.io/immutable-js/">Immutable</a></li> <li><a href="https://github.com/immerjs/immer">Immer</a></li> <li><a href="https://github.com/mheiber/redux-funk">redux-funk</a></li> <li><a href="https://www.netlify.com/products/analytics/">Netlify Analytics</a></li> <li><a href="https://jamstackconf.com/">JAMstack Conf</a></li> </ul>