Plotly React component?

[mbonaci]

There are two React components on npm, but those are both naive implementations that simply re-render the whole chart when anything changes.
What would be super cool is that someone with internal knowledge of Plotly tackles this.
Since it seems that React is here to stay, this component would significantly improve the adoption of Plotly.
Oh, and BTW, I was really happy to see the modularity story going forward in big steps. Thx for that.

[alexander-daniel]

@mbonaci Thanks for reaching out!

This is an interesting topic. I have seen a couple of the implementations you've referenced, and you're correct. While they work they are a little bit naive in their redraw loops.

We are experimenting with Plotly and React at the moment, and what I would suggest to you is the following:

• Create a simple Plotly React component. (A div with a ref === 'plotContainer' or something)
• on componentDidMount, instantiate an empty Plotly graph on said ref: 'plotController'
• Listen for changes on componentWillReceiveProps and apply any Plotly.restyle or Plotly.relayout commands as appropriate. Your graph will be redrawn!

We are still currently experimenting with the best flow for this, so I cannot link you to any examples. Feel free to mess around with the ideas above, and I can get back to you with something a little more concrete when I'm confident it is a solid solution.

Does that work for you?

Cheers, and thanks for the great Q!

[mbonaci]

That's a great feedback.

[alexander-alvarez]

I'm currently doing a similar thing with Ember.. very naive atm but will let you know if grows into more.

[backnotprop]

Nice feedback @alexander-daniel

[mbonaci]

Hi @etpinard, can you explain why you're closing the issue? Does a component exist somewhere?
I read in one of the meetup descriptions (some React meetup that you provided venue for) that you reimplemented your web site in React, so I was hoping to get a professional React Plotly component out of that process :)
thx

[etpinard]

Can you explain why you're closing the issue?

This issue is outside the scope of plotly.js and hence this repo.

As per our contributing guide, implementation questions should be asked on community.plot.ly or on SO.

Does a component exist somewhere?

• https://github.com/benjeffery/react-plotlyjs
• https://github.com/michaelAlvarino/React-Plotly

so I was hoping to get a professional React Plotly component out of that process

This is not in our plans for the coming year.

[benjeffery]

I intend to make react-plotlyjs do what is suggested above, but can't tackle it right now due to other priorities. Pull requests for this always welcome if anyone has the time before I do!

[mbonaci]

@etpinard I simply can't believe that you don't see how all your new features and marketing efforts are less important than this issue. When a company chooses a charting library, it first looks whether it supports the framework they are using and we all know that React is No1 and is gaining more ground every day.
I mean it's so obvious that this should've been your priority all along.

Sorry, I had to get this off my chest. I don't want to troll, just trying to influence your decision (above) because I like your library :)

[mbonaci]

Please don't tell me you deleted the comment I got notification for (or maybe the author did)?:

[otisg]

I have a feeling I messed something up and accidentally removed my own comment. Here it is:

I simply can't believe that you don't see how all your new features and marketing efforts are less important than this issue

While I don't know about your marketing and other features and thus couldn't necessarily say this, I think @mbonaci is absolutely right that it doesn't make sense to just ignore/close this issue. ReactJS is huge and not providing out of the box ReactJS component for Plotly will make some potential Plotly users look elsewhere. I speak from personal experience. We are about to switch our charting libraries here at Sematext and our UI is being rewritten with ReactJS and Redux, so when I saw http://recharts.org/ I thought to myself "so do we really want to start using Plotly now? Why not just use Recharts if it has ReactJS support and we are working with ReactJS? What advantage does Plotly provide?". I suspect many people will ask the same questions and seeing that Plotly has a ReactJS component would be a huge plus for Plotly and Plotly would get new users that would otherwise choose another lib. I point this out because I like Plotly and I think providing ReactJS components for Plotly would have very good ROI for Plotly.

[mbonaci]

Damn, I would write it myself but don't know Plotly internals, so it would simply take too much time.

[mbonaci]

I'd be interested in participating co-sponsoring the development effort, so I wanted to open up an issue on https://www.bountysource.com, but this issue is closed, so it's not available.

[sudburyrob]

Marco, Do you have a few minutes to speak this morning regarding your co-sponsoring interest?? I can do sometime after 10 or 10:30 this morning?