What is the more natural way to set a tracker that depends on a component state with React? Do I have to create a reactive variable that mimics its behavior or is there a better solution? That doesn’t work const self = this; Tracker.autorun(() => { console.log(self.state.someState); }); Tha…

Scroll down a little bit in the threads, we solved that problem already: [image] TrackerReact: No-Config reactive React Components - Now ready for Meteor 1.3 react [image] TrackerReact has been around for some time as an alternative to …

thanks that looks good. But it seems that you are focussing on bringing reactivity to what’s happening within render, which is not where one would start a tracker. That doesn’t work import React, {Component} from 'react'; import {TrackerReactMixin} from 'meteor/ultimatejs:tracker-react'; import re…

I don’t understand what you try to do here. Just use a reactive data source, no need to use an additional autorun. Also, constructor() and componentWillMount() are exactly the same thing in react ES6. Take a look at the TrackerReact-Example App [image] D1no/TrackerReact-Example TrackerRe…

What are you trying to do within the Tracker.autorun? If it’s UI-related, just stay on the React side and use state, and render to do the update. If it’s more app- or data-related, stay on the Meteor side and try to use ReactiveVars and getMeteorData. If the change is coming from outside the compon…

Good to know for constructor and componentWillMount. thanks. I’m not using the tracker as a data source, but to start an action when some state is met & some data is available, and to do it only for the first time that this condition is met (so render is not the good place to do that.). I’ll proba…

I’m trying to react to both UI and data related things :slight_smile:

I am still not sure what you try to do. You can not stuff something arbitrary into tracker and expect it to become reactive. Tracker works with tracker aware libraries; though it is possible to write costum handlers. Read up on it here: https://atmospherejs.com/meteor/tracker [image] met…

I’m trying to do something like this: import React, {Component} from 'react'; class Test extends Component { constructor(props) { super(props); this.state = { userHasClicked: false; }; this.handle = subscribe('Item', props._id); } render() { return <button onClick={…

Can you just use all Tracker vars instead? Something like this (adapted from your snippet, but not tested): import React, {Component} from 'react'; class Test extends Component { constructor(props) { super(props); this.userHasClicked = new ReactiveVar(false); this.handle = subscribe(…

Yup that’d work This still doesn’t feel super right to me from a design standpoint because you have two reactive layers that need to be handled separately, and here you duplicate reactive variables and state. It’d be nice to have Meteor & React integrated in a way that you don’t have to think of th…

Tracker that depends on React state

help

dinos March 1, 2016, 5:33pm 2

Scroll down a little bit in the threads, we solved that problem already: