ReactJS Reflux using mixins with ES6

Question

How do you solve mixins with reflux using ES6?

Like this:

mixins: [Reflux.listenTo(myStore, "onChange")]
                        ^

Results in error "Unexpected token" with arrow shown above.

React v 0.14.7 Reflux v 0.4.0

score 1 · Accepted Answer · answered Mar 13 '16 at 15:03

Theoretically mixins works for react 0.14 .

They don't work if you use ES6 syntax (especially classes). In ES6 we use high order components instead.

You can't simply replace reflux mixins by some ES6 syntax. You have to find not mixins solution for reflux. There is interesting thread about it :

And there are some links which may help you:

Or you can try create high order component from mixins by this component:

BryanGrezeszak · Answer 2 · 2016-11-19T15:00:26.000

1

Reflux now has a React ES6 API.

Anything v5+ has ES6 capability.

edited Nov 19 '16 at 15:00

answered Jul 15 '16 at 00:34

BryanGrezeszak

1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - [From Review](/review/low-quality-posts/13012847) – DVarga Jul 15 '16 at 08:11
I am not posting the entirety of the documentation of the new API to Reflux in an answer. That would be ridiculous, and would likely be outdated soon enough anyway. There is no mixin equivalent to simply switch a line...it's a totally different API leveraging ES6 inheritance. The entirety of that API is what is relevant here, and that should be learned from that page, not from this one. – BryanGrezeszak Aug 24 '16 at 13:29

2 Answers2