abramz / gulp-render-react Goto Github PK

I'm trying to use this plugin to develop some static files, but I'm encountering some issue where the HTML output files are not updated unless I restarted gulp (gulp watch is run by default in my code)

https://github.com/zebapy/react-gulp-emails

TBH I don't know if this is just an issue with my code or this plugin, but I'm hoping to get some insight.

Reproduction:

1. Follow getting started steps in readme
2. Open browser sync localhost:3000
3. Navigate to example email (/communications/comms-newsletter.html)
4. Edit the example email from test to something else

Expected:

• Browser should reflect the changed text
• dist folder should have updated html file with new text

Result:

• No change

If you stop gulp and restart it, the html file will be updated correctly.

Great plugin!

I have an app that I want to render to static markup, but the app is initialized using react-router.

// routes.jsx
var routes = (
  <Route path="/" component={App}>
    <IndexRoute component={Form} />
    <Route path='about' component={Result} />
  </Route>
);

This is the app component that I want to render. As you can see, it needs to be passed child components to render. But how do I pass them to App using this plugin?

var App = React.createClass({
  render: function() {
    return (
      <div>
        <h1>App</h1>
        {this.props.children}
      </div>
    );
  }
});