Hasty Treat - React Server Side Rendering

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.9 • 1.1K Ratings

🗓️ 21 October 2019

⏱️ 24 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about server side rendering — what it is, how to use it, best practices, things to avoid, and more!

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

3:20 - What is SSR?

4:16 - Why SSR at all?

8:39 - Platforms that do SSR out of the box

11:18 - Gotchas

useLayoutEffect
import { useEffect, useLayoutEffect } from 'react'
const useIsoLayoutEffect =
typeof window !== 'undefined' ? useLayoutEffect : useEffect
export default useIsoLayoutEffect

18:20 - Tools

Tweet us your tasty treats!

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	Monday, Monday, Monday,
0:02.0	Open wide Dev fans.
0:04.0	Get ready to stuff your face
0:06.0	with JavaScript, CSS, node modules, barbecue tips,
0:09.0	get workflows,
0:10.0	break dancing, soft skills, web development,
0:12.0	the hastiest, the craziest, the craziest development the hastiest the craziest the tastiest web development treats coming in hot here is
0:18.1	Wes Barracuda bars and Scott El Toroloco, Tolinsky.
0:25.0	Welcome to Syntax in this Monday, hasty treat.
0:29.2	We're going to be talking about that S-S-R.
0:32.0	And I'm not talking about super sweet raspberries, I'm talking about
0:35.0	server side rendering here. This episode is sponsored by Century. Now Century is
0:40.1	the amazing way that you can track and log and keep track of and just really solve any of those
0:47.4	bugs, errors and exceptions that you have inside of your code, whether it isn't
0:50.8	react or JavaScript or Ruby or Python or anything you can keep track of it with
0:56.8	Century.
0:57.8	You're going to want to head over to Century at Century.
1:00.3	I.
1:01.3	Use the coupon code, tasty treat, all,
1:03.0	one word.
1:04.0	You're going to get two months for free off that sweet error
1:06.7	and exception handling service.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.