ReactMeteorData mixin or react-meteor-data package?

ferroariel · April 7, 2016, 1:35pm

I was doing Meteor the Blaze “way” for 1 year, now trying to switch to React…
I read a lot about the [ReactMeteorData] mixin and the “getMeteorData()” hook. Recently at the Meteor
Guides, I read about the “react-meteor-data” package and "createContainer"
Question is: where should I go through now? Is the mixin approach deprecated?
Thanks in advance!

reoh · April 7, 2016, 1:46pm

Definitely go for the createContainer approach - mixins haven’t been deprecated yet but they likely will be in the future. It’s recommended to use components defined as functions or ES6 classes

hwillson · April 7, 2016, 2:08pm

Just adding this here to further confuse things … the createContainer approach still uses mixins!

github.com

meteor/react-packages/blob/devel/packages/react-meteor-data/createContainer.jsx#L31


/**
* Container helper using react-meteor-data.
*/


import { Meteor } from 'meteor/meteor';
import React from 'react';
import connect from './ReactMeteorData.jsx';


let hasDisplayedWarning = false;


export default function createContainer(options, Component) {
 if (!hasDisplayedWarning && Meteor.isDevelopment) {
   console.warn(
     'Warning: createContainer was deprecated in react-meteor-data@0.2.13. Use withTracker instead.\n' +
       'https://github.com/meteor/react-packages/tree/devel/packages/react-meteor-data#usage',
   );
   hasDisplayedWarning = true;
 }


 return connect(options)(Component);
}

That being said, based on how it’s setup it can be easily refactored later if mixins disappear.

ferroariel · April 7, 2016, 2:09pm

Thank you so much! I will go the “createContainer” way!