The Role of Hydration and Web Standards in Development

Scott and Wes debate whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.

• 00:00 Welcome to Syntax!
• 00:11 Take 2
• 01:43 Brought to you by Sentry.io.
• 02:19 The clip summarized.
  • 03:16 Your website should load, be readable and be (mostly) styled without JavaScript.
  • 07:32 Web standards first. If it can be done without JavaScript, it should be.
    • 08:09 What if the CSS doesn’t load?
    • 10:20 Linking
    • 10:24 Forms.
    • 12:11 Links (Duh, but also c’mon!)
    • 12:35 Query parameters.
  • 13:57 Server render if possible.
• 15:20 Progressive Enhancement.
  • 17:24 CSS Page Transitions.
• 19:07 Let’s test websites out.
  • 19:15 Shopify.
  • 22:16 Syntax.fm.
  • 25:23 Netflix.
    • 27:27 Local first and offline service workers.
  • 29:27 TikTok.
  • 29:33 GitHub.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads