email-what-about-subscriptions.js

// messages.load.js
export default async function() {
  return db.read("messages")
}

// messages.js
import useMessagesSubscription from '../your/code'
import { useRouteData } from "remix"

function Messages() {
  let initialMessages = useRouteData()
  let messages = useMessagesSubscription(initialMessages)
  return (
    <ul>
      {messages.map(message => (
        <li>{message.content}</li>
      ))}
    </ul>
  )
}