Server rendering with material-ui components about mern-starter

[carloscuatin]

Solution problem with material-ui is:

Install babel-plugin-transformer-decorators-legacy and babel-preset-stage-1

$ npm install --save-dev babel-plugin-transform-decorators-legacy
$ npm install --save-dev babel-preset-stage-1

File .babelrc

{
  "presets": ["react", "es2015", "stage-1"],
  "plugins": ["transform-decorators-legacy"]
}

File shared/container/App.js

import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

import getMuiTheme from 'material-ui/lib/styles/getMuiTheme';
import themeDecorator from 'material-ui/lib/styles/theme-decorator';

@themeDecorator(getMuiTheme(null, { userAgent: 'all' }))
class App extends Component {
  constructor(props, context) {
    super(props, context);
  }

  render() {
    return (
      <div>
        { this.props.children }
      </div>
    );
  }
}

App.propTypes = {
  children: PropTypes.node.isRequired
};

export default connect()(App);

I hope this solves your problem at least to me I fix me and Material-ui have regular running smoothly rendering

[lpan]

Thank you so much for your help. Server rendering now works like a charm.

[lpan]

Hi, server rendering works now but everything becomes significantly slow :P . There is a latency between the user action and the response of the app. For example, when I type a letter, it takes a while to display the change on the input field.

[lpan]

@carloscuatin Hey Carlos, as you can see here: https://github.com/lorix-lpan/mern-starter, the latency is quite obvious. Is there a way to resolve this?

Thanks again

[carloscuatin]

@lorix-lpan latency produced by every user-agent: all, I'm looking for a solution

[lpan]

Thank you very much!

[lpan]

Hey @carloscuatin, I rolled back to version 0.14.2 and the latency disappears with exactly the same code. I think it is an issue with material-ui. Thanks again for your help

[carloscuatin]

@lorix-lpan if exactly that would indeed discuss the issue opened a repository-ui material as this is an error in the autoprefixer