Meteor 和 React：助手

Question

I've been looking into moving from Blaze to React as the frontend for my Meteor apps. I can't seem to find is equivalent of helpers in Blaze which use UI.registerHelper

UI.registerHelper in Blaze allows you to setup globally accessible helpers that can be used across any template.

A typical example might be a helper that transforms an ISO Date into a human readable date format.

From what I can see, React Classes can have their own properties which can be functions that perform helper-like tasks. But what I can't see is how you create them on a global level.

How is this achieved in when using React in Meteor?

Answer 1

you don't need the reactivity of a helper, since a change in the DB will trigger a change in the meteor mixin, thus trigging a change in your render() . So, all you need is a global function.

file: formatDate.jsx

module.exports = function(dateStr) {
  return new Date(dateStr);
}

then at the top of your component:

let formatDate = require('./formatDate.jsx')

Answer 2

I haven't used react before. although in meteor, I think setup globally accessible helpers is not a good way to solve this problem, because it may pollute app namespace.

So I always use some module loader, like Require.js , to define your useful helpers function as a util module and require it in your other code.

I wish this general solution could help you :-)