Hypermedia Apps

part II

when old things are new again

with Jack McNicol

You are not an imposter

Jack Mcpickle - Firsts

2000

  • Built first website - HTML

2007

  • 1st child

2009

  • Real dev job - HTML / ExpressionEngine
  • Twins

2011

  • 4th Child

Jack Mcpickle - Firsts

2012

  • Built first SPA - Backbone, Coffeescript

2014

  • First React app

2017

  • First Wordpress

2020

  • Teaching Full Stack bootcamps

2022

  • Current role - React SPA / Java spring

Mcnicols

Where are we?

  • Type-safety
    • Zod, tRPC

 

  • Bundlers
    • Vite, SWC

 

  • Runtimes
    • Bun, Deno, Cloudflare

RSC??

Great Idea?

What if we take our frontend react code and run it on the server?

React Server Components

The journey back to server

 

React post from Dec 2020

 

Shopify Hydrogen v1 2021

*.server.jsx

*.client.jsx

 

NextJS 13.4 stable - May 2023

App router

"use server" / "use client"

React Server Components

Pros

  • Improved data fetching
  • Enhanced client performance?
  • Improved SEO

 

Cons

  • Limited compatibility, hooks, 3rd party libs
  • Complexity
    • Client/server boundary
    • Execution

SSR !== RSC

RSC Render

From

So the question is?

Where do you want your spinner

Is there a better way

React Learnings

  • JSX
  • Uni-directional data flow
  • Components

Astro + HTMX

HTML + hypermedia

Nextjs

RSC or SSG or SPA

Demo

Questions

Hypermedia added into your toolkit.

Additional Reading

Made with Slides.com