Meteor Prefab Hook

Meteor Prefab Hook.jsx

import { useTracker } from 'meteor/react-meteor-data'

// Create a reusable hook
const usePage = (pageId) => useTracker(() => {
  // The publication must also be secure
  const subscription = Meteor.subscribe('page', pageId)
  const page = Pages.findOne({ _id: pageId })
  return {
    page,
    isLoading: !subscription.ready()
  }
}, [pageId])

const MyProtectedPage = (pageId) => {
  const { isLoading, page } = usePage(pageId)

  if (isLoading) {
    return <div>Loading...</div>
  }

  return <div>
    <h1>{page.title}</h1>
    <p>{page.content}</p>
  </div>)
}