Rendering on the Server with Fredrik Höglund

<p>Fredrik Höglund, the author of two React Server-Side Rendering libraries and a Frontend Lead at PriceRunner joins A-P Koponen on the Frontend Greatness podcast to talk about "rendering on the server".<br> <br> In this episode:<br> - What should every frontend developer know about rendering on the server?<br> - What approaches there are for rendering React apps on the server?<br> - What are React Server Components?<br> - How are React Server Components different from Next.js SSR?<br> - How can you render your SPA on the server?<br> <br> ---<br> <br> <strong>Episode Notes</strong><br> <br> <strong>Social<br> </strong>- Fredrik's Twitter: https://twitter.com/ephemjs<strong><br> </strong>- A-P's Twitter: https://twitter.com/apkoponen<br> <br> <strong>Show Notes</strong><br> - Next.js :https://nextjs.org/<br> - Remix: https://remix.run/features<br> - Gatsby: https://www.gatsbyjs.com/<br> - RedwoodJS: https://redwoodjs.com/<br> - Blitz.js: https://blitzjs.com/<br> - React Server Components: https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html<br> - Razzle: https://razzlejs.org/<br> - PriceRunner: https://www.pricerunner.com/<br> - Prerender.io: https://prerender.io/<br> - Dynamic Rendering: https://developers.google.com/search/docs/guides/dynamic-rendering<br> <br> <strong>Fredrik's Recommendations<br> </strong>- Great reading on different types of rendering, not React specific: https://developers.google.com/web/updates/2019/02/rendering-on-the-web<br> - Various resources: https://reactresources.com/topics/server-side-rendering<br> - Learn Next.js: https://nextjs.org/learn/basics/create-nextjs-app<br> - Official ReactDOMServer docs: https://reactjs.org/docs/react-dom-server.html<br> - Avoid XSS vulnerabilities: https://medium.com/node-security/the-most-common-xss-vulnerability-in-react-js-applications-2bdffbcc1fa0<br> <br> <strong>Fredrik's SSR Challenge</strong><br> Easy<br> - Create a Razzle app and take a look at server.js.<br> - Razzle docs: https://razzlejs.org/<br> <br> Medium<b