Summary: <p><strong>Panel: </strong></p> <ul> <li>Nader Dabit</li> </ul> <p><strong>Special Guests</strong>: Jared Palmer</p> <p>In this episode of React Round Up, the panel discusses Razzle and other projects with Jared Palmer. Jared is the lead engineer at <a href="https://www.shellypalmer.com/">The Palmer Group</a>, where he spends his time building apps and services for companies that have been underserved by the recent technological changes. They talk about what <a href="https://github.com/jaredpalmer/razzle">Razzle</a> is, the benefit of server-side rendering, and the difficulties he faced putting this project together. They also touch on why he chose to create Razzle and some of his other projects like <a href="https://github.com/jaredpalmer/backpack">Backpack</a> and <a href="https://github.com/jaredpalmer/after.js">After.js</a>.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Jared intro</li> <li>How he got into programming</li> <li>Fell into programming by accident</li> <li>What is <a href="https://github.com/jaredpalmer/razzle">Razzle</a>?</li> <li> <a href="https://github.com/facebook/create-react-app">Create React App</a> with server-side rendering</li> <li><a href="https://www.gatsbyjs.org/">Gatsby</a></li> <li>Goal of Razzle</li> <li>What are the benefits of adding server-side rendering?</li> <li>The power of <a href="https://reactjs.org/">React</a> </li> <li><a href="https://nextjs.org/">Next.js</a></li> <li>React can hydrate once it renders on the server</li> <li>Razzle is thin layer around 2 <a href="https://webpack.js.org/">Webpack</a> watch tasks</li> <li>How do you handle routing?</li> <li><a href="https://reacttraining.com/react-router/core/guides/philosophy">React Router</a></li> <li><a href="https://github.com/jaredpalmer/after.js">After.js</a></li> <li>Performance pros to server-side rendering</li> <li>Is an app built in Razzle still considered a single-page application?</li> <li><a href="https://github.com/ericclemmons/react-resolver">React Resolver</a></li> <li>What were the technical difficulties putting Razzle together?</li> <li>Why made you want to create this?</li> <li>Wanted direct control over the project</li> <li><a href="https://github.com/jaredpalmer/backpack">Backpack</a></li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="https://www.shellypalmer.com/">The Palmer Group</a></li> <li><a href="https://github.com/jaredpalmer/razzle">Razzle</a></li> <li><a href="https://github.com/facebook/create-react-app">Create React App</a></li> <li><a href="https://www.gatsbyjs.org/">Gatsby</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://nextjs.org/">Next.js</a></li> <li><a href="https://webpack.js.org/">Webpack</a></li> <li><a href="https://reacttraining.com/react-router/core/guides/philosophy">React Router</a></li> <li><a href="https://github.com/jaredpalmer/after.js">After.js</a></li> <li><a href="https://github.com/ericclemmons/react-resolver">React Resolver</a></li> <li><a href="https://github.com/jaredpalmer/backpack">Backpack</a></li> <li><a href="https://github.com/palmerhq">The Palmer Group GitHub</a></li> <li><a href="https://medium.com/@jaredpalmer">Jared’s Medium</a></li> <li><a href="https://github.com/jaredpalmer">Jared’s GitHub</a></li> <li><a href="https://twitter.com/jaredpalmer?lang=en">@jaredpalmer</a></li> </ul> <p><strong>Sponsors</strong></p> <ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_medium=cpm&utm_source=adventuresinng&utm_campaign=dt-kendo-ang2-nov16&utm_content=audio">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/">Digital Ocean</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&utm_source=pbm&utm_medium=affiliate-program&utm_influencer=419364&utm_campaign=podcast-influencers">FreshBooks</a></li> </ul> <p><strong>Picks:</strong></p> <p>Nader</p> <ul> <li><a href="https://proton-native.js.org/#/">Proton Native</a></li> </ul> <p>Jared</p> <ul> <li><a href="https://github.com/guess-js">Guess.js</a></li> <li><a href="https://github.com/zendeskgarden">Garden</a></li> </ul>
