Is there a right way to pass data into a React component from the HTML page?

Question

I have a React app like this.

var X = React.createClass({
  componentDidMount: function() {
    fetch(this.props.feed).then(...);
  }
  render: function() {
             


        

Answer 1

React Habitat is a framework that facilitates this if you want something reusable and extendable.

You register React components like this

containerBuilder.register(Feed).as('Feed')

Then define targets in the HTML like this with props

React Habitat will wire these up any time it appears in the HTML.

Disclosure: I am one of the head maintainers of this framework.